在CSS3中新增了几个很好玩的东东:CSS Animation,CSS Transition 和 CSS Transform,顾名思义就是通过CSS来实现动画,过渡和变形。
它们与HTML5中的canvas能绘制动画图形不同,这些只能应用在已存在的元素上,但这足以让我很兴奋了,我不必要在去写那些复杂的JS代码,运用它们我能更简单的创建自己的想要的动画。
伴随着CSS3的普及,这些特性被各大浏览器支持也只是时间上的问题。有消息称在Internet Explorer 9 中将更好的支持HTML5和CSS3。所以各位围观群众不必担心这只是昙花一现。以下是我就目前的浏览器支持状态统计的一个表格:
IE8 - | chrome&safair | firefox 3.5.5 *(3) | opera 10.10- *(4) | |
CSS Transiton | X | O | X | X |
CSS Animation | X | O | X | X |
2D Transform | *(1) | O | O | X |
3D Transform | X | *(2) | X | X |