css的动画属性有哪些

首先我们要探讨css3中的动画属性：
首先我们区分好transition 和 animation的区别
transition需要事件进行触发
而animation 不需要事件触发，调用关键帧即可。
如何创建一个动画：
首先我们在css样式中先制定关键帧：

解析：首先form是开始状态，
to到结束状态
之后我们在需要进行动画的元素里添加好属性aimation：即可
在这里我们先解释下animation属性，后续再举例进行分析
animation: 复合属性

    animation-name   关键帧名称
    animation-duration 动画持续时间
    animation-timing-function  动画运动的类型  （匀速linear）
    animation-delay  动画延迟的时间
    animation-iteration-count 动画运动的次数   infinite（无限循环）
    animation-direction  运动的方向
            属性值：
                normal：正常方向
                reverse：反方向运行
                alternate：动画先正常运行再反方向运行，并持续交替运行
                alternate-reverse：动画先反运行再正方向运行，并持续交
                替运行
    animation-play-state
            属性值：
                running:运动
                paused: 暂停




常用的写法：
    animation&#x