Dodawanie animacji CSS z opóźnieniem do każdego elementu listy [duplikat]

Question

Jun 23, 2012, 12:54 AM

Dodawanie animacji CSS z opóźnieniem do każdego elementu listy [duplikat]

To pytanie ma już odpowiedź tutaj:

Jak sprawić, by każdy tag <li> pojawiał się powoli jeden po drugim 1 odpowiedź

Próbuję napisać jquery, która przejdzie przez określony nieuporządkowany element list / dom i przypisze klasę CSS (animacja) do każdego elementu listy / elementu podrzędnego. Chcę również ustawić regulowany czas opóźnienia między .addClass.

Wszystko, co próbowałem, zawiodło.

Na przykład

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>Item 4</li>
</ul>

Staje się

<ul>
   <li class="animation">Item 1</li>
     (50ms delay)
   <li class="animation">Item 2</li>
     (50ms delay)
   <li class="animation">Item 3</li>
     (50ms delay)
   <li class="animation">Item 4</li>
     (50ms delay)
</ul>

Jakieś pomysły