css3 关键帧动画的 SASS(不是 SCSS)语法

2024-02-22

有没有办法在SASS中写入关键帧?

我发现的每个例子实际上都是 SCSS,即使它说它是 SASS。需要明确的是,我的意思是没有大括号的。


以下是如何在 Sass 语法中实现 css 关键帧:

@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

以下是如何在 Sass 语法中使用 mixin:

+keyframes(name-of-animation)
  0%
    transform: rotate(0deg)
  100%
    transform: rotate(360deg)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

css3 关键帧动画的 SASS(不是 SCSS)语法 的相关文章

随机推荐