transform罗盘中的s有一个奇怪的问题。
我想将轴移动transform-origin(50% 100%)到底部，如果我在萤火虫中键入它，则可以正常工作。
但是，如果我使用mixin，@include transform-origin(50% 100%)则它在Firebug中不可见。仅应用旋转部分@include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));。
在已编译的CSS中，我可以找到这行，但是没有以某种方式应用，而是用三个值编写的。 -moz-transform-origin:50% 100% 50%;
我的SASS看起来像这样：
div#loader {
@include transition-property(transform);
@include transition-duration(3s);
@include transform(perspective(600px) rotateX(45deg) rotateY(0deg) rotateZ(0deg));
@include transform-origin(50% 100%); // This is not taking affect in final css
position: fixed;
bottom: 0;
left: 0;
background-color: #000;
width: 100%;
height: 100%;
margin: 0 auto;
}
这可能是什么原因？
如果我-moz-transform-origin:50% 100%;直接在SASS中编写该行，那么它也可以正常工作。
指南针认为，您仅传递了一个参数（不带逗号），然后尝试添加另一个。在指南针的文档中，您可以找到以下注释：
// Transform-origin sent as individual arguments:
//
// @include transform-origin( [ origin-x, origin-y, origin-z, 3D-only ] )
因此，您应该使用以下代码：
@include transform-origin(50%, 100%);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句