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。