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

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

Читать далее

Поздравление с 8 марта

Блок с вращающимся цветком и поздравлением с 8 марта

Поздравление имеет мобильный вариант и занимает совсем немного места

Читать далее

Иконки на фоне кляксы

Иконки и другие изображения на фоне кляксы

Клякса имеет 3 варианта отображения:

  • обычное
  • при наведении мышки
  • при нажатии на нее

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

Читать далее