点击这里给我发消息 点击这里给我发消息

利用CSS3制作动画效果

添加时间:2013-12-6
    相关阅读: HTML CSS 制作

概述

在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
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册