css3性能

如何实现平滑的“box-shadow”动画效果

你如何在 CSS 中设置box-shadow属性实现动画效果,既不会导致重新绘制每一帧,又不会严重影响你页面的性能?回答是:你并不能实现。因为box-shadow的动画变化会损害性能。这里有一个简单的办法可以实现上述问题效果。如果要实现最小的重新绘制,应该创建一个伪元素并对其opacity元素进行动画处理,使其以每秒60帧的动画模仿运动物体相同的效果。

CSS动画之硬件加速

过去几年,我们常常会听说硬件加速给移动端带来了巨大的体验提升,但是即使对于很多经验丰富的开发者来说,恐怕对其背后的工作原理也是模棱两可,更不要合理地将其运用到网页的动画效果中了。在本文中,我会和大家分享有关硬件加速的前端技巧。

Web设计中的CSS混合模式

作为一名前端人员,对一些制作软件并不陌生,而里面的图层混合模式都略有所知。而这些混合模式要是直接应用到Web页面中,将会带来网页制作的一个变革。在2014年开始,在互联网上已经开始在讨论这个东东,并且有一个专业的名词“CSS混合模式”。而这个模式在SVG规范中得到支持,并且在CSS规范中也开始提上议程。在不久的将来,这个新特性就能在各大主流浏览器上得到应用。在文中主要介绍了CSS混合模式将是Web设计中一个重大的变化。并且我们也将陆续向大家推出CSS混合模式相关教程,希望对大家有所帮助。

返回顶部