CSS3 3D转换

CSS3允许您使用3D 转换来对元素进行格式化,3D和2D的区别就是平面和空间的区别。

一、rotateX()方法

rotateX()方法,围绕其在一个给定度数X轴旋转的元素。

代码例子:

运行效果:

二、rotateY()方法

rotateX()方法,围绕其在一个给定度数X轴旋转的元素。

代码示例:

div

{

transform: rotateY(130deg);

}

运行效果:

转换属性

下表列出了所有的转换属性:

3D转换方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS3 2D 转换 CSS3 转换CSS3转换,我们可以移动,比例化,反过来,旋转,和拉伸元素。 它是如何工作?...
    鹿守心畔光阅读 645评论 0 2
  • 2D和3D的区别 2D是一个平面, 只有高度和宽度. 3D是一个立体, 有高度和宽度还有厚度. 元素默认情况下都是...
    LiYajie阅读 481评论 0 0
  • 1 3D转换 转换是使元素改变形状、尺寸和位置的一种效果 1-1 rotateX() 方法 通过 rotateX(...
    随意人生_1b90阅读 492评论 0 0
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,729评论 0 7
  • 其实,对昨天的行动并不满意,就像是在完成任务一样地输出,并没有对自己起到任何实质性的帮助。去看别人的文字,明白,恩...
    酸酸酸酸酸奶阅读 311评论 0 0

友情链接更多精彩内容