scbawik
Senior HTML'ler
Hallo!
GELÖST: Siehe unten.
Google konnte mir nicht helfen, vielleicht aber ja jemand von euch.
Folgendes:
wird zu
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:
generiert
Das transition mixin ist wohl nicht für multiple Eigenschaften geeignet.
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);
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: