Css3动画效果的使用方法

Css属性

就简单的记一下常用的

规定动画： @keyframes
所有动画属性的简写属性：animation

使用方法

设置一个动画

@keyframes  动画名 {
0%{margin-left:200px}
50%{...}/*各个阶段都做什么*/
100%{....}
}

运行动画（直接套用所有动画属性简写）

animation：myname 10s infinite 1s

animation:动画名 动画完成时间 执行次数（上面给的无限次数） 动画延迟

就提这么几个常用属性 。

看下一篇文章张，用动画效果实现一个轮播图效果。