Футбольный мяч-прелоадер
Вращающийся по окружности футбольный мяч с флагом на CSS и SVG
Данная анимация может использоваться не только как прелоадер для страницы, но и для оформлении секции, блоков (использоваться много раз) или других элементов.
Визуализация нейронной сети
Анимированная SVG-картинка в виде мозга, визуализирующая нейронную сеть
Для анимации SVG используется небольшой JS-код
Анимация SVG-графики при прокрутке страницы
Анимационные эффекты появления элементов SVG-графики при прокрутке страницы
В данной теме представлено несколько вариантов анимации логотипов и иконок в SVG с помощью jQuery плагина ScrollMe
Шкала сердцебиения на SVG и CSS
Два варианта анимированного ритма пульса на SVG и CSS
Данные анимации ритма пульса могут подойти для оформления каких-либо элементов на сайтах медицинской тематики.
Гамбургер SVG-иконки
7 вариантов гамбургер SVG-иконок с анимированным переходом
Переключение иконки по клику происходит через событие onclick, что позволяет обойтись без использования дополнительных JS-кодов
Все иконки FontAwesome 5
Полный список всех иконок FontAwesome 5.15.3 с удобной сортировкой, поиском и экспортом
Иконки можно экспортировать
- Файлом SVG
- HTML кодом (
<i class="..."></i>) - CSS кодом (
content: "...";) - CSS кодом (
background-image: url("...");) - SVG кодом (
<svg>...</svg>)
Лоадеры и спиннеры на CSS
Сборник иконок лоадеров и спиннеров на CSS
Преимуществом данных иконок является то, что все они устанавливаются всего одним тегом <span class="loader"></span>
Кролик пускающий мыльные пузыри
CSS-анимация с пускающим мыльные пузыри кроликом
Кролик выполнен на чистом CSS и отлично подойдет для оформления блока или секции схожей тематики.
Кот идущий на передних лапах
CSS-анимация с идущим на передних лапах котом
Кот выполнен на чистом CSS и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.
