Как лучше выполнить svg трансформацию?

Question

[Cyber_bober]

Привет, хочу выполнить плавную трансформацию svg объектов. рассматривал вариант использования SMIL, но Chrome утверждает что он deprecated. Думал над вариант clip-path, но первая фигура относительно сложная из-за скругления. Какие еще бывают практики для подобной трансформации фигур? Или как можно создать первую фигуру на css?

Спасибо.

Answer 1

[Антон Мудренок]

greensock.com/morphSVG

upd: или играйтесь с border-radius и еще кучей параметров в css codepen.io/just-a-training/pen/PzvzoG

Comments

[Cyber_bober]

спасибо за ссылку, натыкался на этот плагин. хочется более простое решение, не так много анимаций, ну и в матчасть вникнуть)

[Cyber_bober]

Спасибо за совет, пересмотрел кучу решений, пока бордер радиусы и правда выход

[Антон Мудренок]

Cyber_bober: вы конечно можете все через svg + математику + js(requestAnimationFrame) сделать, но я вообще нифига не уверен, что это будет проще чем подключить либу