SuperToster

https://jsfiddle.net/ojew0aco/1/

По новой верстать в HTML не разрешили.

Послать в лес.

И главное, просят рассчитать ориентировочное время выполнения.

Справиться о ментальном здоровье и послать ещё дальше.

Проект > дизайн > вёрстка > программирование. Не наоборот.

box-sizing:border-box

https://jsfiddle.net/87bxf5v5/4/

Разве что запилить обратную трансформацию ) https://jsfiddle.net/8g1t8osg/

youpush.ru/demo.svg
Как сделал:
1. В графическом редакторе упростил цвета, выкрутил яркость чтобы убрать все полоски и прочее лишнее с картинки.
2. Открыл в Illustrator, трассировал, сохранил в SVG.
Дальше этот SVG можно использовать в HTML документе.

Например с помощью jQuery плагина: leafo.net/sticky-kit/#examples

Подробно: https://habrahabr.ru/post/119139/

promo.hvalacloud.com/spiral.svg + @keyframes animation
Пример анимации https://jsfiddle.net/y6zfa4qL/

Слухи вас обманывают. Кроме того это задача, а не проблема : )
https://jsfiddle.net/a25z8uy6/1/
ещё вариант по просьбе ТС:
https://jsfiddle.net/9vdes60x/1/

Сорри, не внимательно вопрос прочитал : )
Исправил пример
UPD: https://jsfiddle.net/gdmn1vat/

Дизайнеры они такие : )
Подойдёт такой вариант? https://jsfiddle.net/86mbfLpt/1/

Будьте осторожней с подобными плагинами. В основной массе они сильно косячат на устройствах, обязательно нужно тщательно тестировать и в эмуляторах и на устройствах.
Из готовых решений прилично работает mmenu.frebsite.nl.

Пожалуйста https://jsfiddle.net/muf8c244/

Но лучше переходите на flex.