SASS CSS動畫

Question

我想知道我怎麼設置SASS列表元素開始與display:none，然後在動畫開始使它display:block，然後更改background-color:#fff白色在動畫的最後100％

Demo Here

Answer 1

我也不是很清楚到底你的動畫將是什麼樣子。

但試圖使它爲你一個參考，以解決您的問題：

這裏是DEMO enter link description here

Answer 2

不能使用display:none，因爲你的內容將無法接收的動畫風格。相反，我會使用visibility: hidden。另外，如果希望樣式在動畫完成後保留，則應使用animation-fill-mode: forwards。 See demo here。