HTML5+CSS3做2d和3d转换
导读:transform: rotate( 旋转函数 (deg deg 度数 skew(X,Y 倾斜函数 (deg skewX( skewY( scale(X,Y 缩放函数 (正数、负数和小数 scaleX( scale...
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
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5+CSS3做2d和3d转换
本文地址: https://pptw.com/jishu/663890.html