css - SASS CSS 动画

标签 css sass css-transitions css-transforms

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

Demo Here

最佳答案

您不能使用 display:none 因为您的元素将无法接收动画样式。相反,我会使用 visibility: hidden。此外,如果希望您的样式在动画完成后保持不变,那么您应该使用 animation-fill-mode: forwardsSee demo here .

关于css - SASS CSS 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19439721/

相关文章:

javascript - jscrollpane设置垂直滚动条轨道高度

css - less/scss 中的字符串操作?

html - 如何在不使用 calc() css 的情况下动态转换或转换

html - CSS3隐藏div在悬停时淡入淡出?

css - 由于某种原因,SVG 动画有黑色填充

html - 使用 CSS 使图像位于文本后面并使其居中

javascript - 将带有数据的 div 表单打印到页面

css - 如何使用 scss 父选择器来选择它的双重选择器

css - 使用 Compass 函数而不使用 Compass 来编译样式表

html - 单师的CSS