Здесь представленно порядка 200+ SVG анимаций сделанных мной с 2017-го года по сей день.
P.S.: т.к. этот сайт собирал очень быстро в свободное время, на некоторых работах, при переформатировании в формат портфолио, начали проглядываться артефакты. В браузерах на движке Chromium. «Лечить» некогда было, отнеситесь с пониманием.
Анимация «Ваше сообщение отправлено». Анимация информирующая пользователя заполнившего форму обратной связи на сайте и нажавшего кнопку «Отправить». Появляется на отдельной страничке с текстом об отправке и кнопкой перехода на главную. Информирует тем самым, что данные с формы успешно отправлены. Сделана мной для этого сайта.
Очень интересная анимация логотипа в SVG. Идея не моя, надо было перенести имеющуюся на руках заказчика анимацию из видео в SVG формат. Иными словами создать с нуля, но следуя примеру. Сложности таких задач в том, что то, что легко делается в софте вроде "After Effects" не всегда можно легко повторить в SVG. Т.к. это достаточно технологически ограниченный формат, ориентированный на простую геометрию. Приходится придумывать разные ухищрения, обходки и хаки, что бы сделать похожее.
Анимация логотипа агентства интернет-маркетинга. Очень удачная реализация. Кстати на сайте заказчика она исполняет роль что-то типа прелоадера, при начальной загрузке сайта.
Причем в полноэкранной реализации, занимая значительную долю дисплея! И это же SVG - качество нисколько не теряется даже на 27" 5К мониторе.
Неполный сет анимированных SVG иконок для сайта компании застройщика. Как и принято в таких случаях всё в одном стиле: размер, цвета, толщина линий, ритм и цикличность анимации.
SVG анимация для сайта магазина мебели и бытовой техники. Тоже копия видеоанимации, предоставленной заказчиком. Не люблю копировать, но проект оказался интересным. На самом деле тут 3 микроанимации, идущих последовательно друг за другом, подобно сериалу.
