Проекты на Javascript | HTML | CSS

ScrollTrigger Image Zoom — масштабирование изображения при скроллинге. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Card UI Design — появление кнопки со смещением остальных элементов при наведении на карточку. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Animation with Particle — фон, в котором частицы разбегаются при наведении курсора мыши. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Animation Preloader — ожидание загрузки сайта. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Начните карьеру фронтенд-разработчика с Hexlet!

Хотите стать мастером создания современных веб-интерфейсов? Пройдите курс фронтенд-разработки и за 10 месяцев овладейте всеми необходимыми навыками, от HTML и CSS до JavaScript и React.

🎁 🎃 Бонусы к Черной пятнице! Вас ждет специальное предложение - скидка до 81 000 ₽. на обучение и второй курс в подарок!

Научитесь программировать на языке JavaScript и создавать пользовательские интерфейсы сайтов и приложений. Вы будете работать над реальными проектами, создадите портфолио и получите поддержку опытных менторов. А во время обучения вы также поучаствуете в Карьерном треке!

Пройдите 5 бесплатных уроков и откройте для себя увлекательный процесс обучения. Поймите, насколько интересен и перспективен этот путь, и получите уникальную возможность продолжить обучение на полном курсе со скидкой!

Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Search Input Animation — выезжающая строка поиска при нажатии на лупу. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Background Animation — круговорот звёздного неба в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Falling Snowflakes — падение снежинок в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Book Preloader — ожидание загрузки в виде перелистывания страниц книги. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Particles Background Animation Effects — хаотичное движение цветных частиц в качестве фона сайта или приложения. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Converting a checkbox when running tasks — преобразование флажка при выполнении задач по аналогии с заметками. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Menu Animation — изменение цвета текста при наведении на заголовки меню. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Light Ball Preloader — прелоадер, напоминающий солнечное затмение. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Rainbow Preloader — круговое движение несколько частиц. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Ubisoft Quartz Background Animation — размытая анимация отлично подойдёт для фона на вашем сайте. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Menu Animation — интересный вариант нажатия на бургер-кнопку. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

Loading Animation — ожидание загрузки в виде ассиметричного движения линий по окружности. Реализована с помощью CSS и JavaScript

#анимация #css #javascript

animation — медленный круговорот звёздного неба. Реализована с помощью CSS и JavaScript

#анимация #css #javascript