Почему keyframes действует только на первый элемент?

Question

[Ingernirated]

https://jsfiddle.net/dj490qoj/5/

Comments

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/dj490qoj/6/

[Ingernirated]

Сергей: спасибо, как отметить ответом? )
а почему конфликт произошел, из-за чего не захотела анимация работать в одном классе?

[Valentin Khokhlov]

Ingernirated: никаких конфликтов, у вас логическая ошибка: анимация применяется сразу ко всем трем элементам, просто два из них невидимы и вам кажется что она не работает

[Ingernirated]

Сергей: Добрый вечер )
Подскажи, пожалуйста, как сделать, чтобы после окончания анимации opacity 1 осталось?
https://jsfiddle.net/dj490qoj/8/

[Сергей delphinpro]

Ingernirated: Отследить окончание анимации (событие animationEnd + префиксы) и навесить класс у которого опасити единичка.
Или сделать проще: https://jsfiddle.net/DelphinPRO/dj490qoj/9/

[Ingernirated]

Сергей: весьма признателен!!

Answer 1

[Иван]

У меня в хроме всё работает,только прокрутить надо колесико

Comments

[Ingernirated]

два других блока тоже не просто появляются, а поднимаются снизу в верх?

[Иван]

Ingernirated: а,сорян,просто появляются