美文网首页
CSS3 3D转换

CSS3 3D转换

作者: 博为峰51Code教研组 | 来源:发表于2017-05-02 22:37 被阅读0次

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

    一、rotateX()方法

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

    代码例子:

    运行效果:

    二、rotateY()方法

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

    代码示例:

    div

    {

    transform: rotateY(130deg);

    }

    运行效果:

    转换属性

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

    3D转换方法

    相关文章

      网友评论

          本文标题:CSS3 3D转换

          本文链接:https://www.haomeiwen.com/subject/crvhtxtx.html