2013-06-17 7 views
10

ich im Fall bin, wo ich mehrere Transformationen auf ein Element haben, so meine Frage ist, wie Sie diese in Compass Sie übersetzen, während die genannten Transformationen zu halten:Mehrere Transformationen Compass mit

-webkit-transform: translateY (-100%) Maßstab (0,5);
-moz-transform: translateY (-100%) Skalierung (0,5);
Transformation: translateY (-100%) Skalierung (0,5);
-ms-transform: translateY (-100%) Maßstab (0,5);

Etwas wie: @include translateY(-100%) scale(0.5);

Danke.

Antwort

26

Sie benötigen die transform mixin anstatt die Abkürzung Mixins für jede spezifische Transformation zu verwenden:

@include transform(translateY(-100%) scale(0.5)); 

Es ist ziemlich einfach - geben sie nur die Transformationen Sie wollen, die offizielle CSS-Syntax.

+0

Ja, das ist es, völlig verpasst. Vielen Dank für Ihre Zeit. – AliEzer

+2

Nur darauf hingewiesen, dass die Parameter sind eine durch Leerzeichen getrennte Liste, nicht durch Kommas getrennt (ich habe das nicht zuerst bemerkt) – Redzarf