1 / 6 Transform:rotateX/rotateY/rotateZ(360deg);deg 为角度值;元素绕x,y,z 轴旋转 360 度;rotate(20deg)元素顺时针旋转20 度(以左下角为轴);rotate3d(x,y,z,angle)定义 3d 转换;注:括号中的值均可为负值;Transform:translate(50px,100px);元素右移 50 像素,下移 100 像素;translateX()、translateY()、 translateZ()元素沿 x 轴, y 轴, z 轴变动;Transform: scale(); scale(2,4) 把宽度转换为原始尺寸的2 倍,把高度转换为原始高度的4 倍
scale3d(x,y,z)定义 3d缩放;scaleX(2)、scaleY(2)、scaleZ(2)、沿 x,y,z 放大两倍;Transform:skew();skew(30deg,20deg) 围绕 X 轴把元素翻转30 度,围 绕Y 轴 翻 转20 度
skew(x-angle,y-angle) 、 skewX(angle) 、skewY(angle),沿着 x,y 倾斜转换;Transform:mrtrix();matrix(0
866,0,0) 使用 matrix 方法将元素旋转30 度; Animation :动画名称完成时间速度曲线开始时刻(默认 0) 播放次数(默认 1);Transition:property duration timing-function delay; transition:width 2s linear 3s;事件触发后 3 秒,宽度匀速变化2 秒;下面是速度曲线图:linear 规定以相同速度开始至结束的过渡效果(等于cubic-bezier(0,0,1,1)