2016-08-01 96 views
2

我想我的手在scss動畫,我遇到了這個循環的麻煩。我試圖將8個物體每個旋轉45度。當我輸入時:SCSS循環干擾變換:旋轉

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

它打破了編譯器,因爲它認爲變量是$ ideg。但是deg需要與變換的數字相對。當我放置一個空間時,它不起作用。想法?

回答

1

,可以估算出它就像你用id選擇:

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