当我滚动到它们时,我想要fadeInUp
的三个元素。但是,现在是延迟部分,我希望在第一个出现之后出现两个元素。但是,问题是,它没有像预期的那样发生,它们都在同一时间出现。
这是小提琴:Fiddle
我希望在第一个之后出现两个黄色圆圈,延迟分别为0.5秒和1秒。我尝试将“delay-05s”和“delay-1s”类添加到元素中,但由于某种原因,它没有发生。 此外,这是我试图模仿的模板,转到那里,你会看到:Halcyon Days BootStrap Template
答案 0 :(得分:1)
你几乎就在那里。
添加类以使用CSS动画延迟是正确的方法,但这些类没有在任何地方定义!
只需包含一些CSS即可应用动画延迟:
.delay-05s {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}