SCSSループが変換を妨害しています：rotate

Question

私はscssでアニメーションをしようとしていますが、このループに問題があります。私は8つのオブジェクトをそれぞれ45度回転させようとしています。私が入力するとき：

@for $i from 1 through 8 
    #no#{$i} 
    transform: rotate(45*$ideg) 

変数が$ idegだと思うのでコンパイラが壊れます。しかし、degは変換の数に対して正しい必要があります。間にスペースを置くと、うまく動作しません。アイデア？

Answer 1

あなたはIDセレクタで行ったようにそれを補間することができます。

@for $i from 1 through 8 
    #no#{$i} 
    transform: rotate(#{45*$i}deg)