Анимируй

Туса полосок по траектории 404 😇 Добавьте анимацию, которую увидит пользователь, если попадет на страницу, которой не существует. #страница404

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

⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника Опыт в программировании не нужен. На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить С 3 декабря стартует бесплтаное обучение, где он на практике поможет разобраться в основах — HTML/CSS и JavaScript, а также попробовать три фреймворка — Vue, Angular и React Вот план обучения: 💡 с 3 декабря напишете фронтенд для сервиса доставки 💡 с 10 декабря свой киносайт 💡 а с 17 по 21 декабря свою доску объявлений Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля 🔖Ещё этот парень регулярно набирает новичков в свою команду и знает, как трудоустроиться и джуну, и разрабу поопытнее Помимо работы с кодом он даст пошаговый план изучения всего, что нужно современному фронтенду. Поделится способом трудоустройства с помощью ИИ. Расскажет, как взять свой первый заказ на фрилансе без фриланс-бирж с огромной конкуренцией Подписывайтесь, чтобы участвовать бесплатно Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду 👉Участвовать бесплатно Первые уроки уже доступны

Пример анимированного подчеркивания с градиентной заливкой. #ссылки #hover

Змейка бегает по кругу, пока загружается ваша страница. #прелоадер #ожидание #загрузка

Анимация страницы 404. Хорошо подойдёт для сайта, посвященному путешествиям. #страница404

Большой выбор эффектов наведения на кнопку. Примеры применения: 🔶 кнопка для отправки данных по показаниям приборов; 🔶 кнопка для выбора шаблона онлайн-заявления. #hover #кнопки

Изображение преобразуется в информационную карточку при нажатии на значок ➡️ #карточки

Множество эффектов наведения на ссылку. #ссылки #hover

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

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

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

При наведении мышью область ссылки выделяется маркером. Примеры применения: 🔶 ссылка для перехода к характеристикам товара; 🔶 ссылка для просмотра всех товаров. #ссылки #hover

Прелоадер, напоминающий падение капель сверху. #прелоадер #ожидание #загрузка

Цвет фона карточки меняется с цветом текста при наведении на неё. #карточки #hover

Анимация карточки в 3D-пространстве. #анимация

Переход подчеркивания ссылки при наведении курсора мыши. #hover #ссылки

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

Полосатый эффект наведения на ссылку меню. #меню #ссылки #hover

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