CSS常用效果 过渡（tansition）

过渡动画：是从一个状态，渐渐的过渡到另一个状态。
经常和：hover一起搭配使用。

语法

transtion:要过渡的属性 花费时间 运动曲线 何时开始;

1. 属性：需要变化的css属性，比如宽高、颜色、内边距。如果所有属性都要变化就是用all。
2. 花费时间：单位秒（必须填写单位）0.5s
3. 运动曲线：默认ease（可以省略）
4. 何时开始：单位秒（必须填写单位）设置延时触发时间 默认为0s（可以省略）

谁做过渡给谁加

实例

        div {
            background-color: skyblue;
            width: 200px;
            height: 100px;
            transition: all 0.5s; 
            line-height: 100px;
        }

        div:hover {
            width: 300px;
            background-color: red;
        }