过渡
用了5s的时间把盒子的背景颜色从mediumblue变成了magenta
all:所有的,全部 ease:默认效果:慢-快-慢 linear:匀速变换 ease-in:低速开始 ease-out:低速结束 transition: width ease-in-out 5s;
transition:过渡属性 过渡时间 时间曲线 延迟时间
过渡属性:all所有的属性都要变换;
过渡时间:单位s 0s单位可以省略;
时间曲线:ease(默认值,慢-快-慢) linear(匀速);
延迟时间:延迟多少开始变换
hover:鼠标悬停效果
转换
translate():平移 位移
一个值:只位移X轴
两个值:第一个值位移X轴,第二个值位移Y轴
translate():Y轴位移
translate():X轴位移
scale(n):缩放
一个值:宽高同时缩放
两个值:第一个值缩放宽度,第二个值缩放高度
正整数(放大),负整数(翻转),小数(缩小)
rotate():旋转,单位度数deg
正数:顺时针旋转 负数:逆时针旋转
skew():斜切(倾斜),单位是度数deg
里面的值(x,y)一个值平移,不会影响其他元素的位置;对行内标签没有效果.