HTML5+CSS3做2d和3d转换

2019-09-11 郑州网站建设  

       rotate()  旋转函数 (deg)

deg  度数

       skew(X,Y) 倾斜函数 (deg)

skewX()

skewY()

       scale(X,Y) 缩放函数 (正数、负数和小数)

scaleX()

scaleY()

       translate(X,Y) 位移函数(px)

translateX()

translateY()

transform 简写执行顺序(后写先执行)

transform-stylepreserve-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


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1957.html转载请标明出处,谢谢合作!
标签:
  • HTML5
  • +
  • ro
  • CSS32d3d
  • transform: