jQuery путевые точки задержек

Question

У меня есть три элемента, которые я хочу, чтобы fadeInUp, когда я перейду к ним. Но теперь наступает часть задержки, я хочу, чтобы два элемента появились после того, как появился первый. Но проблема в том, что это происходит не так, как ожидалось, все они появляются одновременно. Вот скрипка: Fiddle

Я хочу, чтобы два желтых круга появлялись после первого с задержками 0,5 с и 1 с соответственно. Я попытался добавить к элементам класс «delay-05s» и «delay-1s», но по какой-то причине этого не происходит. Кроме того, вот шаблон, который я пытаюсь подражать, идите туда, и вы увидите: Halcyon Days BootStrap Template

Answer 1

Вы почти там.

Добавление классов для использования задержек анимации CSS было правильным способом, но эти классы не были определены нигде!

Просто включить некоторые CSS, чтобы применить задержки анимации:

.delay-05s { 
    -webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s; 
} 

.delay-1s { 
    -webkit-animation-delay: 1s; 
    animation-delay: 1s; 
} 

http://jsfiddle.net/4FNFW/141/