2012-07-13 8 views
18

Jak można wykonać wiele przejść Css takich jak ten Jsfiddle z Compass?Kompas wielu przejść css

To, co próbuję zrobić, to napisać poniższy kod za pomocą Compass.

-webkit-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -moz-transition: top 0.3s ease-out, background .9s .5s ease-out; 
    -o-transition: top 0.3s ease-out, background .9s .5s ease-out; 
     transition: top 0.3s ease-out, background .9s .5s ease-out; 

Odpowiedz

48

Czy tego właśnie szukasz? http://compass-style.org/reference/compass/css3/transition/#mixin-transition

@include transition(top 0.3s ease-out, background .9s .5s ease-out);

+3

Czy to nadal działa? Ja też to wymyśliłem, ale otrzymuję: 'przemiana: górne 0,3s, tło ułatwiające wyjście .9s .5s;'. Pozostawia przecinek! Czy to jest (znany) błąd? [Używam "kompasu 0.13.alpha.12'] – MMachinegun

+0

@marczking nie jestem pewien czy https://github.com/Igosuki/compass-mixins/issues/34 jest spokrewniony. działa to dla mnie, jeśli przekazuję listy: '@include transition ((top 0.3s ease-out), (background 0.9s ease-out)); – chemoish

-3

Jeśli używasz mixin zdefiniować przeniesieniu i pojawi się ten błąd:

error: mixin transition only takes 1 arguments; given 2

spróbować załączając swoje wartości między nawiasem jak:

@include transition((bottom .5s, background 2s)); 
+0

To pytanie dotyczy kompasu, który zapewnia miks przejścia, który nie generuje tego błędu. – cimmanon