1.动画
    过渡和动画的区别：过渡不能主动执行，需要触发，动画可以不需要

    1.定义动画
    @keyframes 动画名字{
    0%{
    初始状态的样式
    }
    *%{
    中间关键帧的样式 可以有0-多个
    }
    100%{
    结束状态的样式
    }
    }

    2.绑定、执行动画—在要绑定动画的元素对应的选择器位置，写如下的代码即可
    animation：动画名1 执行的时间 延迟的时间 执行的次数 变化的曲线 执行的方向，动画名2 执行的时间 延迟的时间 执行的次数 变化的曲线 执行的方向；
    执行的次数 infinite 无穷次
    变化的曲线 linear 匀速
    方向交叉 alternate [from-to，to-from]

    3.动画的状态
    animation-paly-state：paused 暂停 | running 播放；

    2.3d相关的属性
    将空间设置成3d的 transform-style：preserve-3d | flat；flat是平面的
    设置景深 perspective：*px；[观察者和被观察物体之间的距离]