CSS rotate3d属性的行为异常
我正在阅读CSS rotate3d()属性以旋转元素。我认为函数中的前三个参数是乘数,第四个是阶数 乘数的值必须介于0和1之间。这意味着CSS rotate3d属性的行为异常,css,css-transforms,Css,Css Transforms,我正在阅读CSS rotate3d()属性以旋转元素。我认为函数中的前三个参数是乘数,第四个是阶数 乘数的值必须介于0和1之间。这意味着rotate3d(1,0,0,90度)只会产生rotateX(90度)。为了获得更多的旋转范围,我将其更改为旋转3d(0.25,0,0,360度),但它产生了完全不同的结果 我还注意到变换:rotateX(45度)rotateY(45度)与变换不同:旋转3d(1,1,0,45度)。等等。如果我们不能简单地改变所需尺寸的乘数来获得所需的旋转,我应该如何计算三个乘数
rotate3d(1,0,0,90度)
只会产生rotateX(90度)。为了获得更多的旋转范围,我将其更改为旋转3d(0.25,0,0,360度),但它产生了完全不同的结果
我还注意到变换:rotateX(45度)rotateY(45度)编码>与变换不同:旋转3d(1,1,0,45度)代码>。等等。如果我们不能简单地改变所需尺寸的乘数来获得所需的旋转,我应该如何计算三个乘数的值
谢谢。当使用旋转3d(x,y,z,a)
时,前3个数字是定义旋转矢量的坐标,a
是旋转角度。它们不是旋转的倍增器
rotate3d(1,0,0,90度)
与rotate3d(0.25,0,0,90度)
相同,也与rotate3d(X,0,0,90度)
相同,因为我们在所有情况下都有相同的向量。这也与旋转(90度)
.box{
利润率:30像素;
填充:20px;
背景:红色;
显示:内联块;
}