SVG анімація логотипів

На вебсайті замовника використовується багато логотипів, тому для їх анімування необхідно було перевести у вектор та використати SVG CSS анімацію, щоб забезпечити маленький розмір файлів. Також, через велику кількість логотипів та їх маленький розмір, я намагаюся розробляти анімації ненав'язливими, але при цьому помітними. Таким чином прогрузка сайту не надто вповільнюється завдяки середньому розміру файлів зображень у 20-30 кб, та сайт не виглядає перегруженим чи надто мерехтливим від анімацій.

У наведеному для прикладу логотипі, анімацією градієнтів було приблизно передано переливання світла дорогоцінного каменю, що крутиться.

SVG анімації я створюю за допомогою веб додатку SVGator.