Синтаксис Sass (не SCSS) для анимации ключевого кадра css3

есть ли способ написать ключевые кадры в SASS?

каждый пример, который я нашел, на самом деле SCSS, даже когда он говорит, что это SASS. Для ясности, я имею в виду тот, без фигурных скобок.

52
css3 keyframe sass

1 ответов

вот как вы реализуете ключевые кадры css в синтаксисе Sass:

@keyframes name-of-animation
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)

вот Sass mixin для добавления префиксов поставщика:

=keyframes($name)
  @-webkit-keyframes #{$name}
    @content
  @-moz-keyframes #{$name}
    @content
  @-ms-keyframes #{$name}
    @content
  @keyframes #{$name}
    @content

вот как использовать mixin в синтаксисе Sass:

+keyframes(name-of-animation)
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)
87