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

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

<div>
    <img>
</div>

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