CSS(全面系统讲解 工作应用--慕课)整理 五（css动画）

1、动画的原理

        1、视觉暂留的作用

        2、画面逐渐变化

2、动画的作用：愉悦感

3、css中的动画类型

        1、transition补间动画

             位置（平移）（left/right/margin/transform）

             方位 （旋转）（transform）

             大小 （缩放）（transform）

             透明度（opacity）

            其他（线性变化）（transform）

           transition（过度）：width，1s;   ，延时

          指定多个属性

           指定所有属性

          transition-timing（easing)-function   指定：ease-in（开头慢）

             搜关键词easing是可选择的

             timing(easing)一定是制作动画的

        2、keyframe关键帧动画（指定很多关键帧）

指定一个动画的多个变化

指定跑两次

 

        3、逐帧动画（没有计算下来的动画）

css面试真题：怎么写，怎么做，

    1、css动画  的实现方式有几种

          transition

          keyframes(animation)

    2、过渡动画和关键帧动画的区别

    3、如何实现逐帧动画

           1、使用关键帧动画

           2、去掉补间（steps）

    4、css动画的性能

            1、性能不坏

            2、部分情况下优于js

            3、但是js可以做的更好

            4、部分高危属性（box-shadow）等