Как заставить svg взаимодействовать с onMouseMove?

Question

[Артур Левенсон]

Делаю глаз с помощью svg. Задаю нужные классы для групп, чтобы зрачок мог двигаться за курсором мыши, но почему-то код не хочет работать. Подскажите, пожалуйста, как избавиться от проблемы и добиться нужного результата

https://codepen.io/kiskiskit/pen/gORYBpe

Answer 1

[Сергей Соколов]

Для движения лучше менять атрибут transform группы со зрачком.
Маской сделать видимость зрачка только внутри формы глаза.

CSS правила обычных HTML-элементов для элементов SVG не работают.

Comments

[Артур Левенсон]

огромное спасибо!