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