H5W3
当前位置:H5W3 > CSS3 > 正文

CSS_3D

3D空间属性—->transform-style:preserve-3d;
CSS代码演示:
CSS_3D
我们把box转换成3D空间,然后先对box进行Y轴方向的20度旋转,方便我们看到后面Y轴旋转的h1的效果:
(视频还在审核,我先发出来,明天再补视频链接···)
CSS_3D
对于box2,我们对子元素h2进行Z轴方向的位移,也就是说h2在box2上方300px处,然后我们对box2进行Y轴的50度旋转,帮助我们看到3D效果:
(同上)

未经允许不得转载:H5W3 » CSS_3D

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址