使用CSS属性will-change去优化页面渲染

先说一个老生常谈的话题:什么会造成浏览器的页面重绘? 当元素的属性发生改变,也可以简单的理解为元素的外形发生改变的时候,例如改变盒子的宽高颜色等等,浏览器会根据元素的新的属性进行重绘。并不一定会带来重排。 重绘就会去使用CPU进行重新去计算,操作频繁会导致渲染的卡顿。比如页面滚动事件、...

2018-06-25 17:37:15

阅读数 127

评论数 0

css3简单实现页面中出现雪花飘落效果

快要到圣诞节了,浏览了常去看的学习网站,发现那个网站多了一层雪花飘落的遮罩层,感觉挺有假日气氛的。就自己尝试写了个简单的雪花飘落的遮罩层,大致效果如下: 雪花是透明背景的图片,通过css动画来调整雪花图片位置,来实现雪花飘落的动效。为了突出雪花,body的背景色设置成了黑色。。。其实雪花就只...

2017-12-22 14:09:31

阅读数 5357

评论数 4

css常用效果总结

1.快速设置滤镜2.div可输入 3.textara禁止拖动

2017-12-04 16:48:16

阅读数 117

评论数 1

解锁css3新姿势之transform3D各属性及transform兼容之矩阵写法

闲来无事,整理一下可以打造炫酷网站的一些transform的属性 1. 矩阵transform:matrix() 这个矩阵哥们是有些厉害的,不得不多说两句,这哥们可以同时写上缩放,旋转,拉伸,位移等变形;详细内容见下面 2.transform-style:preserve-...

2017-12-03 19:12:58

阅读数 1403

评论数 1

提示
确定要删除当前文章?
取消 删除