3D转换

3D转换:①过渡效果:属性“transition”

                        a,设置需要出现过渡效果的属性名称(transition-property),可以用all代表所有css属性。

                        b,过渡效果执行持续的时间(transition-duration),单位一般用“s”秒。

                        c,过渡的动画效果，贝塞尔曲线模式(transition-timing-function),过渡的动画效果类型，linear(线性过渡)，ease(平滑过渡)，ease-in(由慢到快)，ease-out(由快到慢)，ease-in-out(由慢到快再由快到慢)，cubic-Bezier(自定义)。

                        d,过渡效果开始的延迟(等待)时间(transition-delay)，单位“s”秒。

         ②动画效果:属性(animation)

                        a,animation-name:名称;(调用一个已经定好的动画规则);

                        b,animation-duration:xxs;(设置动画的延续时间);

                        c,animation-timing-function:ease;(动画变化类型，贝塞尔曲线模式);

                        d,animation-delay:xxs;(动画延迟时间);

                        e,animation-iteration-count:infinite;(设置动画循环的次数，值必须大于等于1的整数);

                        f,animation-direction:alternate;(是否反向执行动画);

                        g,animation-fill-mode:forwards;(动画结束是的状态)。