С информацией
Только заголовки

Визуализация нейронной сети

Анимированная 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 и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.

Читать далее