CSS 动画指南

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,331评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,798评论 0 2
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,656评论 0 7
  • CSS 中的 transform,transition 和 animation 是分开的三部分内容,其中 tran...
    teabyii阅读 1,329评论 0 25
  • 照片本身就是框景,再给照片加上一层“框”,让我们的视线自然而然集中于画面焦点。 生活的框景之下,有什么样的...
    非言阅读 275评论 1 1