Анимируй
Open in Telegram
Здесь публикуется готовый код анимаций, которые можно разместить на своем сайте. Смотрите демонстрации анимаций, ищите по тегам альтернативные варианты. Сотрудничество: @antony_web
Show more7 401
Subscribers
No data24 hours
-87 days
-7030 days
Posts Archive
7 401
Эффект наведения на карточку со сменой изображения на текст.
Примеры применения:
🔶 выбор уровня сложности в игре;
🔶 выбор персонажа для прохождения игры.
#карточки #hover
7 401
⚡️Фронтендеры гении разработки⚡️
Такой маленький, а уже настолько смелый канал разработчика фронта-самоучки.
Показывает настоящую работу фронтендера и жаждет критики, чтобы набираться опыта от более опытных разрабов.
Заходи, найдешь для себя полезные и сложные моменты фронтенд разработки, а если ты сам уже крутой прогер, сможешь дать совет или подсказать.
Бекендерам тоже есть место, смогут изнутри увидеть, как выглядит настоящий крутой код)
7 401
При нажатии на кнопку раскрывается список с информацией.
Примеры применения:
🔶 расписание дополнительных занятий на неделю;
🔶 добавление клиента, записывающего на услугу.
#кнопки
7 401
Завораживающий прелоадер, напоминающий звёздную воронку.
#прелоадер #ожидание #загрузка
7 401
Простой переключатель с выбором активации какой-либо функции.
Примеры применения:
🔶 разрешение/блокировка уведомлений;
🔶 разрешение/блокировка отправки промокодов.
#формы #переключатели
7 401
Анимация, показывающая пошаговую степень загрузки/процесса.
Примеры применения:
🔶 процесс приготовления блюд через онлайн-заказ;
🔶 отслеживание посылки.
#анимация
7 401
Карточка раскрывается, как книжка, при наведении на неё.
Примеры применения:
🔶 ведение домашнего дневника по приготовлению блюд;
🔶 выбор бизнес-ланча или комбо для заказа.
#hover #карточки
7 401
Переключатель становится цветным, когда его активируют.
Примеры применения:
🔶 включение режима автопубликации;
🔶 подключение/отключение страховки при оформлении кредита.
#формы #переключатели
7 401
Минималистичная анимация для ожидания загрузки контента на сайте.
#прелоадер #ожидание #загрузка
7 401
Один из вариантов, как можно анимировать документы при наведении на них мышью.
#ссылки #hover
