基本css知识点大全.docVIP

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.5,-0.5,0.866,0,0) 使用 matrix 方法将元素旋转 30 度; Animation：动画名称 完成时间 速度曲线 开始时刻（默认0