CSS rotate3d()

原创
admin 4个月前 (08-23) 阅读数 17 #CSS

rotate3d()

rotate3d() 是一个CSS函数,用于定义一个变换,它将元素围绕固定轴移动而不使其变形。运动量由指定的角度定义;如果为正,运动将为顺时针,如果为负,则为逆时针。

这个函数在三维空间中工作,允许你沿着任意轴旋转元素。它需要四个参数:三个值定义旋转轴的x、y和z分量,以及一个值定义旋转的角度。

rotate3d()函数的语法如下:

rotate3d(x, y, z, angle)

其中,x、y和z是0到1之间的数字,表示旋转轴的方向。angle是一个角度值,表示旋转的度数。

例如,rotate3d(1, 0, 0, 90deg)将元素绕x轴旋转90度,rotate3d(0, 1, 0, 90deg)将元素绕y轴旋转90度,rotate3d(0, 0, 1, 90deg)将元素绕z轴旋转90度。

这个函数在2015年7月起就被所有主流浏览器广泛支持,包括Chrome、Edge、Firefox和Safari。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS rotate() 下一篇:CSS rotateX()
作者文章
热门
最新文章
标签列表