过渡、变形、缩放、旋转与斜切

过渡

在样式中写

transition: 过渡属性 过渡时间 时间曲线 延迟时间;
过渡属性：all所有的属性都要变换
过渡时间：单位秒s、0的单位可以省略
时间曲线：ease（默认值，慢-快-慢）linear（匀速）
延迟时间：延后多少开始变化
transition: width 3s linear 2s;

用了1.5s的时间把盒子的背景颜色变换了
transition:background-color 1.5s;

ease:默认效果:慢-快-慢
transition: width 3s ease;

linear:匀速变换
transition: width 3s linear;

ease-in:低速开始
transition: width 3s ease-in;

ease-out:高速开始
transition: width 3s ease-out;

ease-in-out:低速开始和结束
transition: width 3s ease-in-out;

变形

在:hover样式中写

transform():平移(位移)
一个值:只位移x轴
两个值:第一个值位移x轴，第二个值位移y轴
translateY():Y轴位移
translateX():X轴位移
transform: t