css3中3D及动画制作

        形成3d空间：transform-style:preserve-3d、
         属性值：3d-位移：transformlate-z()  旋转：rotate-z()   3d-缩放：scale-z（）
         让背面不可见：backface-visitility:hidden
         景深： 近大远小。perspectixe: () 对应的值越大距离越远
              景深视角：perspectixe-origin:    默认值：中间center，从物体的相反方向来开
              css3动画：    1、制作关键帧：
              @keyframes 动画名称{   from{初始状态属性}  to{结束状态属性}                }
            from:初始  to  结束              或用%来进行  0%   100%   （中间再可以添加关键帧）
            2、调用关键帧
            animation: {}
            animation-name 检索或设置对象所应用的动画名称
            animation-duration  检索或设置对象动画的持续时间
          animation-timing-function  检索或设置对象动画的过渡类型  
          （linear：线性过渡。ease：平滑过渡 默认。）
        animation-delay  检索或设置对象动画延迟的时间
         animation-iteration-count  检索或设置对象动画的循环次数    infinite：无限循环  number: 循环的次数
         animation-direction  检索或设置对象动画在循环中是否反向运动
         属性值：normal：正常方向    reverse：反方向运行
                       alternate：动画先正常运行再反方向运行     alternate-reverse：动画先反运行再正方向运行
             animation-play-state      检索或设置对象动画的状态
             属性值：running:运动   paused: 暂停