rotateX() | CSS属性参考

CSS rotateX()函数用于在三维空间中沿X轴旋转一个元素。

rotateX()函数的语法如下:

transform: rotateX(<angle>);

它实际上等效于:

transform: rotate3d(1, 0, 0, <angle>);

rotateX()函数用于在3D空间中使元素沿X轴旋转。它使用<angle>值作为参数。如果是正角度,元素顺时针旋转。如果是负角度,元素逆时针旋转。

示例代码:

transform: rotateX(30deg);
transform: rotateX(-135deg);
transform: rotateX(90deg);

下面的图片展示了一张图片沿X轴顺时针旋转50度和逆时针旋转50度的效果。

左侧图片沿X轴顺时针旋转了50度,右侧图片沿X轴逆时针旋转了50度

浏览器支持

CSS3 3D Transform的浏览器兼容性列表如下:

相关阅读
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如有链接无法下载、失效或广告,请联系站长处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 如果你也有好模型或者教程,可以到审核区发布,分享有金币奖励和额外收入!
6. 本站提供的模型、教程、施工图等等其他资源,都不包含技术服务 请大家谅解!
7. 如遇到加密压缩包,默认解压密码为yiweibang.com如遇到无法解压的请联系管理员!

易微帮 » rotateX() | CSS属性参考

提供最优质的资源集合

立即查看 了解详情