• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] compass - transitions multiple properties

scbawik

Senior HTML'ler
Hallo!

GELÖST: Siehe unten.

Google konnte mir nicht helfen, vielleicht aber ja jemand von euch.

Folgendes:
Code:
@include transition(opacity 1s ease-in-out, visibility 1s ease-in-out);
wird zu
Code:
-moz-transition: opacity 1s ease-in-out visibility 1s ease-in-out;
-o-transition: opacity 1s ease-in-out visibility 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out visibility 1s ease-in-out;
transition: opacity 1s ease-in-out visibility 1s ease-in-out;

Das ist natürlich falsch (Beistrich fehlt zwischen ease-in-out und visibility).
Weiß jemand wie ich das sonst mit compass lösen kann?

Geht wahrscheinlich gar nicht, oder? -.-

UPDATE: Typisch, gleich nach dem Stellen der Frage, kommt man selber drauf:

Code:
@include transition-property(opacity, visibility);
@include transition-duration(1s);
@include transition-timing-function(ease-in-out);

generiert
Code:
-moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;

Das transition mixin ist wohl nicht für multiple Eigenschaften geeignet.
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben