2012-04-29 14 views
5

Ya he intentadocómo crear un mixin @keyframes en SCSS (3.1.16)

$prefixes: ("-webkit-","-moz-", "-o-", ""); 
@mixin keyframes($name) { 
    @each $prefix in $prefixes { 
     @#{$prefix}keyframes #{$name} { @content; } 
    } 
} 

y

@mixin keyframes($name) { 
    @-webkit-keyframes #{$name} { @content; } 
    @-moz-keyframes #{$name} { @content; } 
    @keyframes #{$name} { @content; } 
} 

alguna manera de hacer esto? No se pudo encontrar ninguna solución con Google :(

Respuesta

3

me las arreglé para conseguir este efecto mediante la actualización a 3.2 SASS (pre-lanzamiento a través de gem install sass --pre), como resultado este último ahora funciona!

+1

Muchas gracias, no lo hacen olvide agregar también @ -ms-keyframes – bobbaluba

+0

thx, no me di cuenta de que IE admite fotogramas clave ^^ – Peter

+0

Esto no funcionaría para mí - para empezar, SASS intenta analizar el '@' al comienzo de '@ # {$ prefix}', así que tuve que escapar con un '\'. Pero luego recibí 'CSS inválido después de '$ prefijo': expected": ", era" @content "' - lo cual no tiene sentido en absoluto AFAICT. ¿Qué versiones usabas para esto? – Barney