Сасс (не СКС) синтаксис для использования CSS3 анимации с ключевыми кадрами


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

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

1 52

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)