在这个人为的例子中,我有一个我正在应用变换的对象。我希望能够通过添加另一个类来添加另一个变换。
.translated{
@include transform(translateX(50%));
// This line will write all the vendor prefixed transform properies
// e.g. -webkit-transform: translateX(50%);
&.rotated{
@include transform(rotate(10deg));
// e.g. -webkit-transform: rotate(10deg);
}
}
现在,发生的事情是,由于旋转变换会覆盖先前的平移变换,因此转换和旋转类的元素最终会被旋转。
我想要实现的是最终的CSS看起来像:
-webkit-transform: translateX(50%) rotate(10deg);
我有没有办法使用sass(可能通过使用变量或通过mixin)来实现这一目标?