2012-04-29 11 views
5

Tôi đã cố gắnglàm thế nào để tạo ra một mixin @keyframes trong SCSS (3.1.16)

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

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

cách nào để làm điều này? Không thể tìm thấy bất kỳ giải pháp với :(Google

Trả lời

3

tôi quản lý để đạt được hiệu ứng này bằng cách cập nhật Sass 3.2 (trước khi phát hành thông qua gem install sass --pre), kết quả là sau hiện đang làm việc!

+1

Cảm ơn rất nhiều, làm không quên thêm @ -ms-keyframes cũng như – bobbaluba

+0

thx, tôi đã không nhận ra IE hỗ trợ khung hình chính ở tất cả ^^ – Peter

+0

Điều này sẽ không hiệu quả đối với tôi - để bắt đầu, SASS cố gắng phân tích cú pháp '@' ở đầu '@ # {$ prefix}', vì vậy tôi cần phải thoát khỏi đó bằng '\'. Nhưng sau đó tôi nhận được 'CSS không hợp lệ sau" tiền tố $ ": dự kiến": ", là" @content "' - mà không có ý nghĩa Ở tất cả các AFAICT, bạn sử dụng phiên bản nào cho điều này? – Barney

Các vấn đề liên quan