transform转换
CSS transform
属于2D/3D上的转换、变形效果。他不是一个动画,他就是变形。比如正方形变平行四边形,再变圆形。都是形状变成另一个形状。...原理是:改变元素的尺寸、形状、角度、位置等
js写法:
object.style.transform="rotate(7deg)";
transform-origin 设置元素的基点位置
该元素允许改变被转换元素的位置...3D translate3d(x,y,z) 3d三点位移 同上
2 translateX(x) 只是用 X 轴的值位移 同上
2 translateY(y) 只是用 Y 轴的值位移 同上
3D...n,n,n,n,n,n,n,n,n,n,n,n,n,n) 矩阵,模型 同上 16个值,4x4矩阵
perspective 规定3D元素的透视效果
张鑫旭讲解文章
perspective(n) 为3D转换元素设置透视视图...规定3D元素的透视效果
目前浏览器都不支持,只有safari和chrome用替代元素-webkit-perspective
只影响有3d转换属性的子元素,是加在父元素身上的。