Как запустить CSS анимацию в случае, когда объект виден?

Question

[Дмитрий Петров]

Всем привет. Есть вот такая структура:

<div>
    <img>
</div>

Помогите разобраться: как сделать так, чтобы анимация у запускалась только тогда, когда имеет свойство "display" не в значении "none"?

Comments

[Евгений Петров]

А как вы изменяете display?

Answer 1

[Андрей Чернышев]

Что то же меняет ему display?! На этом же моменте и добавить ему класс анимации.

Answer 2

[Сергей]

mynameismatthieu.com/WOW

Answer 3

[de_cubik]

Как вариант проверить с помощью JS стиль элемента, и присвоить ему класс с анимацией.

Answer 4

[nurise]

codepen.io/nurislamov/pen/qdEORY
можно так