ysaeredir: тот же emmet. Он так же позволяет писать свойства сокращениями. Например: bg = background: #000, db = display: block, fw = font-weight. И так далее
Dartess: Хорошо, простите, возможно я повел себя немного не правильно. Но вам действительно будет проще сделать это с уже готовой библиотекой для работы с svg. Писать свой кастыль для таких вещей не самый лучший выход. Этому же сайту никак не мешает использовать эту библиотеку для анимирования одной стрелочки!
Dartess: Вот если бы вы глянули, а не библиотеки смотрели, то увидели бы инициализацию кнопки. Там по сути меняются атрибуты с указанием другого значения атрибута d. Попробуйте сделать так же. Я бы точно попробовал! Просто при клике изменить значение атрибута на своё. Это можно сделать из без подобных библиотек. В противном случае писать свой велосипед для работы с svg себе дороже!
Alexander Lashchevsky: обновил тег. Попробуйте так. У вас вообще сверстано как то не правильно. Все через абсолютное позиционирование, поэтому скорей всего у вас все плывет! Вы пользовались генератором?
Владимир Горбунов: Тем же самым все и пользуются. Целиком использовать css фреймворки очень глупо. Так как там очень много не нужного шлака. Но благо у этих двух есть генераторы, что бы отсечь все лишнее. Сетка она одна, разница лишь в ее размерах и реализации(через float или flex-box).
Как то так))
