CSS动画

CSS动画,css,sass,css-transitions,css-transforms,Css,Sass,Css Transitions,Css Transforms,我想知道如何在SASS中设置列表元素以display:none开始,然后在动画开始时将其设置为display:block,然后在动画结束时将背景色:35;fff更改为100%的白色 我不太确定你的动画会是什么样子 但试图以此作为你解决问题的参考: 这是演示您不能使用显示:无,因为您的元素将无法接收动画样式。相反,我会使用可见性:hidden。此外,如果希望样式在动画完成后保持不变,则应使用动画填充模式:forwards 问题是当它应该是1时,它会淡出到0不透明度

我想知道如何在SASS中设置列表元素以
display:none
开始,然后在动画开始时将其设置为
display:block
,然后在动画结束时将
背景色:35;fff
更改为100%的白色


我不太确定你的动画会是什么样子

但试图以此作为你解决问题的参考:


这是演示

您不能使用
显示:无
,因为您的元素将无法接收动画样式。相反,我会使用
可见性:hidden
。此外,如果希望样式在动画完成后保持不变,则应使用
动画填充模式:forwards

问题是当它应该是1时,它会淡出到0不透明度