Анимируй

Эффект наведения на карточку со сменой изображения на текст. Примеры применения: 🔶 выбор уровня сложности в игре; 🔶 выбор персонажа для прохождения игры. #карточки #hover

⚡️Фронтендеры гении разработки⚡️ Такой маленький, а уже настолько смелый канал разработчика фронта-самоучки. Показывает настоящую работу фронтендера и жаждет критики, чтобы набираться опыта от более опытных разрабов. Заходи, найдешь для себя полезные и сложные моменты фронтенд разработки, а если ты сам уже крутой прогер, сможешь дать совет или подсказать. Бекендерам тоже есть место, смогут изнутри увидеть, как выглядит настоящий крутой код)

При нажатии на кнопку раскрывается список с информацией. Примеры применения: 🔶 расписание дополнительных занятий на неделю; 🔶 добавление клиента, записывающего на услугу. #кнопки

Эффект прокрутки ссылки при наведении курсора мыши. #hover #ссылки

Завораживающий прелоадер, напоминающий звёздную воронку. #прелоадер #ожидание #загрузка

Простой переключатель с выбором активации какой-либо функции. Примеры применения: 🔶 разрешение/блокировка уведомлений; 🔶 разрешение/блокировка отправки промокодов. #формы #переключатели

Кнопка меняет цвет заливки при наведении на неё курсора мыши. #hover #кнопки

Страница, сигнализирующая о том, что её не существует. #страница404

Прелоадер, частицы которого сменяют свою форму. #прелоадер #ожидание #загрузка

Анимация, показывающая пошаговую степень загрузки/процесса. Примеры применения: 🔶 процесс приготовления блюд через онлайн-заказ; 🔶 отслеживание посылки. #анимация

Появление вертикального меню с подчеркиванием выбранной ссылки. #меню #бургеркнопки

Карточка раскрывается, как книжка, при наведении на неё. Примеры применения: 🔶 ведение домашнего дневника по приготовлению блюд; 🔶 выбор бизнес-ланча или комбо для заказа. #hover #карточки

Прелоадер в виде движения дуговых линий по окружности. #прелоадер #ожидание #загрузка

Ненайденная страница с интересным проявлением надписи 404. #страница404

Переключатель становится цветным, когда его активируют. Примеры применения: 🔶 включение режима автопубликации; 🔶 подключение/отключение страховки при оформлении кредита. #формы #переключатели

4 способа анимировать кнопку при наведении на нее. #hover #кнопки

Минималистичная анимация для ожидания загрузки контента на сайте. #прелоадер #ожидание #загрузка

Один из вариантов, как можно анимировать документы при наведении на них мышью. #ссылки #hover

Плавное разворачивание меню с действиями при нажатии на бургер-кнопку. #кнопки #меню

Простой hover-эффект для кнопки с уменьшением ее толщины. #hover #кнопки