Как сделать hover кнопок?

Question

[Mikalai Bulava]

День добрый, коллеги.
Могли бы вы помочь как реализовать подобный ховер и актив, хотя бы направить в нужную сторону. Буду благодарен! Спасибо!

Answer 1

[tyzberd]

svg + transition + opacity
https://codepen.io/robertamesbury/full/ORLdWE

Comments

[Mikalai Bulava]

Да, мои коллеги так и думали в целом, но вопрос возникает в момент изменения размера кнопки, т.к. все по координатам, то в какой-то момент все ломается. Мне объяснили, что если бы кнопка была всегда одного размера по всему сайт, то было бы круто.

[tyzberd]

svg можно тоже увеличивать, просто квадратики станут больше

[Mikalai Bulava]

tyzberd, думаю, как запасной план можно будет использовать. Спасибо!