Как заблокировать hover эффект на несколько секунд?

Question

[art style]

допустим есть блок, с ним первые 1-3 секунды происходит анимация. далее на нем висит hover эффект. как заблокировать hover эффект первые 3 секунды?

Answer 1

[jj swift]

Через js с помощью setTimeout

Answer 2

[Maxim Kirshin]

https://codepen.io/meowto16/pen/PoqVpdL?editors=1111

Comments

[art style]

не то, здесь ховер блокируется через transition. всякий раз когда я буду наводить он будет блокироваться. а мне нужно блокировать только 1 раз

[Maxim Kirshin]

art style, добавь ему класс значит через js при первом наведении. У этого класса убери transition-delay.

Или я не совсем понимаю что ты хочешь?