Данная картинка может быть любого размера и использоваться как прелоадер, оформление секции или заголовков

Пример:

Если применять это решение в качестве иконки, например, для оформления заголовков или списков, то подключать SVG удобнее через JS. Подробнее об этом в теме: Варианты установки SVG иконки

HTML:

CSS:

Найдено на codepen.io у пользователя Zed Dash

Смотрите также:

CSS-анимация с пускающим мыльные пузыри кроликом

Анимированная SVG-картинка в виде мозга, визуализирующая нейронную сеть

Вращающийся земной шар на CSS и SVG и несколько вариантов его оформления

Добавить комментарий:

Ваш комментарий отправлен!