Как сделать анимацию svg элемента, чтобы произвольно менялась форма «лепёшки»?

Question

[Happy-Child]

Вот есть svg элемент на странице.


Задача такова - сделать анимацию, чтобы менялась его форма, форма лепёшки.
Пример +- как тут слева первого экрана https://flex.media

Answer 1

[Максим]

Для начала надо понять что это не лепёшка а форма которая имеет аттрибуты которые можно анимировать в smil
Для использования этой не хитрой техники нужно сохранить несколько состояний элемента в поле values="" где их перечислить через ;

https://codepen.io/topicstarter/pen/QRWWoM

Comments

[Happy-Child]

Огромное спасибо, оказывается так всё простой.