Animacje CSS

Question

Powiedzmy, że chcę animować jakiś element ".elem::before" po najechaniu myszką na element ".elem".

Dodatkowo chcę, aby animacja zaczęła się po najechaniu i trwała do końca (nie przerywała się po zjechaniu myszką z "elem"). Próbowałem wykorzystać do tego addEventListener z eventem "mouseover", ale dowiedziałem się, że pseudo elementy nie znajdują się w DOM'ie. Jak mogę rozwiązać ten problem?

Answer 1

Podepnij się na zdarzenie mouseenter i wtedy nadaj klasę, która w CSS będzie obsługiwać animację.

Przykład:

https://codepen.io/JSHolic/pen/ExVLjJB

Comments

Dzięki za pomoc.