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