css3动画使用

css3动画使用

次为css3动画的使用方法

css3中两种动画，transition功能和animations功能的使用

transition属性的使用方法

transition：propetydurationtiming-function

propety属性(

A.none /* 没有 */

B.all /* 全部 */

)

duration属性(

A.ease/* 变慢 */

B.linear/*匀速 */

C.ease-in/* 加速 */

D.ease-out/* 减速 */

E.ease-in-out/* 先加速在减速 */

)

animations属性的使用方法

@-webkit-keyframes名称{

0%{执行代码}

100%{执行代码 }

}

调用：

-webkit-animation-name：名称；

-webkit-animation-timing-function：速度；

-webkit-animation-duration：时间；