weixin_57727548的博客

动画—Keyframes介绍Animation动画css3为Animation动画提供的几个属性如下：animation-name:指定动画名称，该属性指定一个已有的关键帧定义。animation-duration:指定动画持续时间。animation-timing-funtion:指定动画变化速度。animation-delay：指定动画延迟多长时间才开始执行。animation-iteration-count：指定动画的循环执行次数。animation:这是一个复合属性。

CSS3动画—过渡动画--过渡属性 transition-property早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标经过、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式；第二，

CSS3动画简介和变形（旋转）CSS3在原来的基础上新增了变形和动画相关属性，通过这些属性可以实现以前需要大段JavaScript才能实现的功能。CSS3的变形功能可以对HTML组件执行位移、旋转、缩放、倾斜4种几何变换，这样的变换可以控制HTML组件呈现出丰富的外观。借助于位移、旋转、缩放、倾斜这4种几何变换，CSS3提供了transition动画。transition动画比较简单，只要指定HTML组件的哪些CSS属性需要使用动画效果来执行变化，并指定动画时间，就可保证动画播放。比transi