是否可以使用Sass附加CSS转换属性?

时间:2014-01-24 15:43:07

标签: css3 sass transform

在这个人为的例子中,我有一个我正在应用变换的对象。我希望能够通过添加另一个类来添加另一个变换。

.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)来实现这一目标?

0 个答案:

没有答案