美文网首页
CSS 动画指南

CSS 动画指南

作者: raincoco | 来源:发表于2017-03-16 19:20 被阅读20次

CSS3动画(简单动画的实现,如旋转等)**

依靠CSS3中提出的三个属性:transition、transform、animation。

+**transition**:定义了元素在变化过程中是怎么样的,包含transition-property、transition-duration、transition-timing-function、transition-delay。

+**transform**:定义元素的变化结果,包含rotate、scale、skew、translate。

+**animation**:动画定义了动作的每一帧(@keyframes)有什么效果,包括animation-name,animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction。

+  具体可以参考一下三篇文章:

http://www.w3cplus.com/content/css3-transition

http://www.w3cplus.com/content/css3-transform

http://www.w3cplus.com/content/css3-animation

http://www.uml.org.cn/html/201110311.asp

相关文章

网友评论

      本文标题:CSS 动画指南

      本文链接:https://www.haomeiwen.com/subject/geajnttx.html