Как в svg меня линии при hover??

Question

[Anton Antonov]

Использую плагин ui kit, close, и при ховере на элемент, хочу что бы крестик складывался горизонтально в одну линию.
Вот структура:




Получается что нужно менять координаты line-ов, Думал при помощи jquery .attr() но выходит брода=)
Хотел бы узнать как это делается правильно, спасибо!

Answer 1

[Александр Филиппенко]

Не прикрепилась структура.
А вообще складывающийся крестик можно и без SVG сделать.
https://parisienne.ru/eshop/zhaket-vahine-mkt-studio/
Можете посмотреть на мобильной версии нечто подобное.

Comments

[Anton Antonov]

Да, что-то наподобие но при hover

[Александр Филиппенко]

Anton Antonov: в общем я предлагаю координаты не менять, а менять transform: rotate