3D转换

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3D转换相关的知识,希望对你有一定的参考价值。

       可以通过3d转换来对元素进行格式化

  rotateX() 这是通过X轴的方向,元素围绕其 X 轴以给定的度数进行旋转。

 

  rotateY() 这是通过Y轴的方向,元素围绕其 Y 轴以给定的度数进行旋转。

下面是所有的转换属性:

  transform:向元素应用 2D 或 3D 转换。

  transform-oriqin:允许你改变被转换元素的位置。

  transform-style:规定被嵌套元素如何在 3D 空间中显示。

  perspective:规定 3D 元素的透视效果。

  perspective-oriqin:规定 3D 元素的底部位置。

  backface-visibility:定义元素在不面对屏幕时是否可见。

  

以上是关于3D转换的主要内容,如果未能解决你的问题,请参考以下文章

将 3D 转换转换为 2D

Css3之高级-5 Css转换(简介2D转换3D转换)

动画,2D转换,,3D转换怎样运用

CSS 3 3D 转换

3d转换+示例旋转木马

保姆级解读!CSS属性transform变形+2D转换+3D转换实例+代码+解析——Web前端系列学习笔记