css3动画学习之animation

css3动画学习之animation

 预览地址   点击预览

常用属性说明

1. animation-name   自定义的名字 比如 animation-name:test  则需要你这样定义test的样式 @keyframes test{动画样式}

2. animation-duration   多久执行完

3. animation-iteration-count 动画执行的次数

4. animation-timing-function 速度曲线

5. animation-play-state 动画状态

6. animation-direction  播放结束后 是否倒放

W3C属性详解 点击这里   这里传送门

下面上代码 可直接运行

    
    
    
    


    
测试动画
    
测试动画