Лоадеры и спиннеры на CSS
Сборник иконок лоадеров и спиннеров на CSS
Преимуществом данных иконок является то, что все они устанавливаются всего одним тегом <span class="loader"></span>
Кролик пускающий мыльные пузыри
CSS-анимация с пускающим мыльные пузыри кроликом
Кролик выполнен на чистом CSS и отлично подойдет для оформления блока или секции схожей тематики.
Кот идущий на передних лапах
CSS-анимация с идущим на передних лапах котом
Кот выполнен на чистом CSS и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.
Пульсирующий цветок на CSS
Анимированный эффект с пульсирующим цветком на CSS
Эффект основан на CSS-свойстве animation
Поздравление с 8 марта
Блок с вращающимся цветком и поздравлением с 8 марта
Поздравление имеет мобильный вариант и занимает совсем немного места
Иконки на фоне кляксы
Иконки и другие изображения на фоне кляксы
Клякса имеет 3 варианта отображения:
- обычное
- при наведении мышки
- при нажатии на нее
Для каждого из них используются свои параметры: иконка, форма, наклон и масштаб
Корова-бабочка на CSS
Анимационная картинка летящей и играющей на гитаре коровы
Еще один рисунок детской тематики, который можно использовать для оформления секции.
Анимация и сама корова-бабочка выполнена на чистом CSS
Гамбургер иконки с анимированными переходами
7 разных вариантов перехода гамбургер иконки в крестик
«Гамбургер» — название иконки, состоящей из трёх параллельных горизонтальных линий, символизирующих список меню.
В данной заметке для такой иконки представлено 7 разных анимированных переходов в крестик по клику. Классы для гамбургера и крестика переключаются на jQuery
Флаги стран мира на SVG
Иконки с флагами стран мира в SVG формате
Иконки для каждой страны представлены в двух вариантах, в пропорции 1х1 и 4×3
