Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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 scale3d+的不同结果;平移3d与比例+;翻译_Css_Transform_Scale_Translate_Translate3d - Fatal编程技术网

Css scale3d+的不同结果;平移3d与比例+;翻译

Css scale3d+的不同结果;平移3d与比例+;翻译,css,transform,scale,translate,translate3d,Css,Transform,Scale,Translate,Translate3d,在使用transform:translate3d()时,我偶然发现了一个非常奇怪的行为。 只要我只使用translate3d()属性,一切都会像translate()一样工作。但是如果我将this与scale3d()结合使用,行为就会改变 请参阅附件中的示例以了解发生了什么 为什么结果不同?有人知道吗 .wrapper{ 边缘顶部:10px; 显示器:flex; 宽度:650px; 证明内容:之间的空间; 盒影:0px-30px 0px黑色镶嵌; } .翻译, .翻译3d, 特兰西先生{ 宽度

在使用
transform:translate3d()
时,我偶然发现了一个非常奇怪的行为。 只要我只使用
translate3d()
属性,一切都会像
translate()
一样工作。但是如果我将this与
scale3d()
结合使用,行为就会改变

请参阅附件中的示例以了解发生了什么

为什么结果不同?有人知道吗

.wrapper{
边缘顶部:10px;
显示器:flex;
宽度:650px;
证明内容:之间的空间;
盒影:0px-30px 0px黑色镶嵌;
}
.翻译,
.翻译3d,
特兰西先生{
宽度:30%;
高度:100px;
字号:24pt;
}
.翻译{
会变:变换、缩放;
变换:缩放(0.75)平移(0px,-22.5px);
背景颜色:浅珊瑚;
}
.翻译3d{
变换:translate3d(0,-22.5px,0)缩放3d(0.75,0.75,0.75);
背景颜色:浅蓝色;
}
特兰西先生{
变换:比例(0.75)translateY(-22.5px);
背景色:春绿;
}

翻译
翻译3d
特兰西

您正在更改订单。转换顺序是相关的谢谢你,现在我觉得自己很笨:别介意,这种事已经发生在我身上好几次了