@keyframes的Sass语法问题

时间:2017-12-24 23:47:17

标签: css sass

如果在Sass语法中甚至可能,我试图让这个想法发挥作用有点问题。我已经看到SCSS语法中使用了类似的东西,并且我尝试了多种方法来使其工作。所有这些都失败了。

这是代码,您可以从代码中看到它背后的想法:



@keyframes AdHop($from, $to)
  0%
    transform: scale($from)
  100%
    transform: scale($to)




所以我的问题是;如果可以,这甚至可以做到吗?

1 个答案:

答案 0 :(得分:0)

你可以制作混音

DEMO

@mixin adHop($from, $to, $name) {
    @keyframes #{$name} {
    0% { transform: scale($from); }
    100% { transform: scale($to); }
  }
}

@include adHop(1, 2, cool);
button:hover { animation: cool 1s; }