CSS动画

CSS实现动画的方式（2种）
第一种：transition + transform

transition：设置样式的属性值是如何从一种状态过渡到另一种状态的
transform：主要应用于元素的2D或者3D转换，可以用来设置元素的形状改变。例如rotate(旋转)，scale(缩放)，skew(扭曲)，translate(平移)

 div:hover {
        transition: 2s;
        transform: translateX(100px);
    }

第二种：animation + keyfaram