【发布时间】:2013-10-26 17:03:05
【问题描述】:
我想知道如何将 SASS 中的列表元素设置为以 display:none 开头,然后在动画开始时将其设为 display:block,然后在动画结束时将 background-color:#fff 更改为白色100%
【问题讨论】:
标签: css sass css-transitions css-transforms
我想知道如何将 SASS 中的列表元素设置为以 display:none 开头,然后在动画开始时将其设为 display:block,然后在动画结束时将 background-color:#fff 更改为白色100%
【问题讨论】:
标签: css sass css-transitions css-transforms
【讨论】:
您不能使用display:none,因为您的元素将无法接收动画样式。相反,我会使用visibility: hidden。另外,如果希望您的样式在动画完成后仍然存在,那么您应该使用animation-fill-mode: forwards。 See demo here.
【讨论】: