Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS rotate3d属性的行为异常_Css_Css Transforms - Fatal编程技术网

CSS rotate3d属性的行为异常

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度)。等等。如果我们不能简单地改变所需尺寸的乘数来获得所需的旋转,我应该如何计算三个乘数

我正在阅读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度)。等等。如果我们不能简单地改变所需尺寸的乘数来获得所需的旋转,我应该如何计算三个乘数的值

谢谢。

当使用
旋转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;
背景:红色;
显示:内联块;
}