随笔分类 -  CSS3

摘要：没有兼容谷歌浏览器的滚动条很细，兼容以后设置默认样式使得滚动条的高度样式正常： 阅读全文

摘要：模仿百度首页“元宵节汤圆”动图，并实现360°不停旋转（CSS3的animation动画效果） 效果图： 切图地址： https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/1519708766000_4f5d68844a93b929405a11d217e 阅读全文

摘要：模仿百度首页“元宵节汤圆”动图：（js的定时任务：setInterval） 原理：需要一张切图，通过不断定位使得图片就像一帧一帧的图片在播放从而形成了动画 效果图： 切图地址： https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/img/15197087660 阅读全文

摘要：js调节图片的亮度：（使用CSS3的滤镜） 1.实现点亮图标、熄灭图标的效果 效果图： 页面代码： 2.实现调节图标亮度的效果（增加亮度、减弱亮度） 效果图： 页面代码： 阅读全文

摘要：1.marquee实现文字移动： 2.js+div实现文字无缝平滑移动： 阅读全文

摘要：上面的是分两列显示， ul宽度为width:400px; li宽度为width:190px; 如果想要分成自己想要的n列,则只需要修改ul的宽度和li的宽度,li的宽度的n倍是ul的长度. 阅读全文