Гамбургер 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 и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.
Пульсирующий цветок на CSS
Анимированный эффект с пульсирующим цветком на CSS
Эффект основан на CSS-свойстве animation
Поздравление с 8 марта
Блок с вращающимся цветком и поздравлением с 8 марта
Поздравление имеет мобильный вариант и занимает совсем немного места
Иконки на фоне кляксы
Иконки и другие изображения на фоне кляксы
Клякса имеет 3 варианта отображения:
- обычное
- при наведении мышки
- при нажатии на нее
Для каждого из них используются свои параметры: иконка, форма, наклон и масштаб
Корова-бабочка на CSS
Анимационная картинка летящей и играющей на гитаре коровы
Еще один рисунок детской тематики, который можно использовать для оформления секции.
Анимация и сама корова-бабочка выполнена на чистом CSS
