アニメーション遅延アニメーション遅延の増加

Question

12個の要素のセットをループする複数の要素を持つアニメーションを設定しようとしました。最初の要素を除く各子要素のアニメーション遅延はi * 0.5です。

子要素ごとにanimation-delay: Xをシンプルに入力する必要がないように、SCSS for-loopを使用する方法はありますか？

Answer 1

これは、あなたが探しているものを行う必要があります。

@for $i from 1 through 12 { 
    .yourclass:nth-child(#{$i}) { 
    animation-delay: $i * 0.5; 
    } 
}