#tool
имадж шейп ховер свг морфинг анимэйшен.
не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. код можно копировать себе и использовать. а чтобы задать рамке свою форму достаточно:
1. создать первую рамку в фигме
2. перевести её в аутлайн
3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним)
4. сохранить обе рамки в свг
5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово.
https://codepen.io/plashch/pen/vYdYZBp
имадж шейп ховер свг морфинг анимэйшен.
не нашел готового решения анимации произвольной рамки по ховеру, поэтому сделал сам. код можно копировать себе и использовать. а чтобы задать рамке свою форму достаточно:
1. создать первую рамку в фигме
2. перевести её в аутлайн
3. продублировать и трансформировать подвигав точки (главное, чтобы количество точек, в том числе и усиков, осталось прежним)
4. сохранить обе рамки в свг
5. открыть свг в текстовом редакторе и перенести код из d=“” на свое место в мой кодпен и готово.
https://codepen.io/plashch/pen/vYdYZBp
❤7