HTML5+CSS3做2d和3d转换
2019年11月30日
作者:佚名
transform:
rotate() 旋转函数 (deg)
deg 度数
skew(X,Y) 倾斜函数 (deg)
skewX()
skewY()
scale(X,Y) 缩放函数 (正数、负数和小数)
scaleX()
scaleY()
translate(X,Y) 位移函数(px)
translateX()
translateY()
transform 简写执行顺序(后写先执行)
transform-style(preserve-3d) 建立3D空间
perspective 视镜
perspective- origin 视镜基点
x:left/center/right/length/%
y:top/center/bottom/length/%
transform 新增函数
rotateX()
rotateY()
rotateZ()
translateZ()
scaleZ()
transform-origin: x,y;旋转的基准点
x : left/center/right/length/%
y : top/center/bottom/length/%
z : length