动画延迟属性在Sass for循环中不工作。
动画延迟属性在Sass for循环中不工作。
提问于 2017-09-12 20:43:03
当一组元素的动画开始于它们的索引时，我试图延迟，所以它们的动画按顺序开始。
由于一个无法辨认的原因，它只是不起作用：
https://jsfiddle.net/ctu7tcru/
我发现：
- 这些元素被选中得很好(注意
background是如何变化的) - 与SVG没有任何关系
- 它与无限的动画无关
从表面上看，当您试图更改循环中的animation-delay属性时，它就无法工作。它在循环之外工作，但在任何情况下都不能工作(在任何情况下)。
这的答案似乎完全相同，但我复制了它，但它没有工作。伦诺。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-12 20:56:06
@JackHasaKeyboard，这是一个特定的问题。
#prog {
height: 76px;
display: flex;
justify-content: center;
align-items: center;
.dot {
animation: pulse 1.6s infinite;
}
}
@for $i from 1 through 3 {
#prog .dot:nth-child(#{$i}) {
animation-delay: $i * 1.6s;
background: red;
}
}将#prog id添加到您的循环中，它应该可以工作。
这是你小提琴的叉子。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46185019
复制相关文章
相似问题
腾讯云开发者
