Переходы CSS3 к динамически создаваемым элементам
Я пытаюсь анимировать динамически созданный элемент html с переходами CSS3 .
Я хочу, чтобы анимация запускалась непосредственно перед созданием элемента.
Для этого я создаю класс, который устанавливает исходную позицию элемента, а затем я устанавливаю целевую позицию с помощью метода jquery css ()
Но новый элемент он просто появляется в целевой позиции без каких-либо переход.
Если я использую setTimeout 0 мс для установки нового значения css, он работает.
Что-то я делаю не так? или это ограничение? Я не думаю, что мне нужно использовать обходной путь setTimeout.
Спасибо!
ОБНОВЛЕНИЕ : Вот ссылка с кодом, запущенным на jsfiddle.net, чтобы вы могли поэкспериментировать. http://jsfiddle.net/blackjid/s9zSH/
ОБНОВЛЕНИЕ Я обновил пример, добавив в ответ решение.
http://jsfiddle.net/s9zSH/52/
Вот полностью рабочий пример кода