Добрый день, подскажите пожалуйста как решить проблему?
При наведении на зелёный блок, желтый блок увеличивается.
Когда курсор убираешь, желтый блок уменьшается.
Зеленый блок родительский, в нём 2 дочерних элемента, желтый блок и синий блок.
Проблема заключается в том, что анимация начинает срабатывать и при наведении на дочерние элементы.
Т.е. наводишь на синий блок, и жёлтый блок начинает уменьшаться (но как-то глючено)
Для анимации используется anime.js
Как сделать так, чтобы при наведении на дочерние элементы зеленого блока, анимация не срабатывала?
https://codepen.io/Zhelezniy/pen/KKmaRba
p/s: Суть именно в том, как описал задачу.. на практике анимация более сложная и работает по-другому, через только css это не сделать.. проблема именно в повторном запуске анимаций, при наведении на дочерние элементы