2013-06-17 12 views
10

Sono nel caso in cui non ho più trasformazioni su un elemento, quindi la mia domanda è: come si fa a tradurre questo in Compass, mantenendo le trasformate di nome:trasforma multipli utilizzando Compass

-webkit-transform: scala TranslY (-100%) (0,5);
-moz-transform: translateY (-100%) scala (0,5);
transform: translateY (-100%) scala (0,5);
-ms-transform: scala TranslY (-100%) (0,5);

Qualcosa di simile: @include translateY(-100%) scale(0.5);

Grazie.

risposta

26

È necessario utilizzare il transform mixin, piuttosto che le mixins di scelta rapida per ogni trasformazione specifica:

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

E 'piuttosto semplice - basta passarlo le trasformazioni desiderate, utilizzando la sintassi ufficiale css.

+0

Sì, è tutto, completamente perso. Grazie per il tuo tempo. – AliEzer

+2

Basta sottolineare che i parametri sono un elenco separato dallo spazio, non separato da virgole (non l'ho notato all'inizio) – Redzarf