@keyframesのSass構文に関する問題

Question

Sassの構文でも可能であるならば、この考え方を働かせようとして少し問題があります。私はSCSSの構文で使用されている類似のものを見てきました。私はそれを動作させるために複数のことを試みました。それらのすべては現在失敗しています。

これはコードで、あなたはその背後にある考え方は、コードからあるものを見ることができます。

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

だから私の質問があります。もしそうなら、これは可能ですか？

Answer 1

あなたはあなたが持っている値$ to` `$のfrom``の多くのペアとして、できるだけ多くのアニメーションを生成する必要がミックスイン

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; }