Böyle bir Jsfiddle gibi birden fazla css geçişi Compass ile nasıl yapılabilir?Pusula çoklu css geçişleri
Yapmaya çalıştığım şey bu kodu aşağıdaki gibi yazmaktır.
-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;
Bu mu arıyorsunuz? http://compass-style.org/reference/compass/css3/transition/#mixin-transition
@include transition(top 0.3s ease-out, background .9s .5s ease-out);
Eğer geçirmenizi tanımlamak için bir mixin kullanıyor ve bu hatayı alırsanız:
error: mixin transition only takes 1 arguments; given 2
gibi parantez arasında değerlerini kapsayan deneyin: Dan
@include transition((bottom .5s, background 2s));
Soru, bu hatayı üretmeyecek bir geçiş karışımı sağlayan Compass'a özgüdür. – cimmanon
evrakları:
http://compass-style.org/reference/compass/css3/transition/#mixin-transition
Yıllar boyunca değişmiş olabilir ama böyle şimdi: daha önce son nerede $ gecikme değil doğru cevap olduğu gibi, sonuncu
single-transition($property, $duration, $function, $delay)
dikkat edin.
Bu hala sizin için çalışıyor mu? Ben de bununla geldim, ama elde ettiğim şey 'geçiş: üst 0.3s kolaylık arka plan .9s .5s kolaylık;'. Virgül dışarı çıkıyor! Bu bilinen bir hata mı? [Https://github.com/Igosuki/compass-mixins/issues/34 ilgili olup olmadığını bilmiyorum 'pusula 0.13.alpha.12' – MMachinegun
@marczking kullanarak. Listelerden geçersem benim için çalışır: @ @include geçişi ((en iyi 0,3s ease-out), (background 0.9s ease-out)); – chemoish