codepen.js

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

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

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

🚀 Frontend для всех! Ищешь место, где можно учиться, общаться и прокачивать свои навыки в веб-разработке? Тогда тебе сюда: 👥 Reactify | Frontend Разработка — бесплатные курсы, практические проекты и поддержка единомышленников. Теория, примеры кода и свежие IT-новости — всё для твоего роста. 💼 Frontend | Собеседования — разбираем реальные интервью, готовимся к вопросам и делимся полезными материалами. Здесь собрана база знаний для уверенности на любом собеседовании.

В каждом канале тебя ждёт Гайд по Frontend-разработке: подробный Roadmap для изучения, топ вопросов по проектам и soft skills, список технических вопросов, лайвкодинг-задачи и советы по созданию резюме, которое привлечет внимание работодателей. Всё, чтобы уверенно двигаться к своей цели!

Учись. Общайся. Развивайся. Стань частью IT-сообщества! 💪

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

🚀 Изучай HTML и CSS с нуля! 🚀 Присоединяйтесь к нашему Telegram-каналу [https://t.me/made_in_html_css] Здесь вы найдете: Уроки с нуля – от основ к сложным темам. Практические задания – применяйте знания на практике. Советы от опытных разработчиков – получайте помощь и рекомендации. Участие в проектах – накапливайте практический опыт. Обсуждения – делитесь успехами и задавайте вопросы. Присоединяйтесь к Made in HTML/CSS и начните обучение уже сегодня! 🌟

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

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

preloader — ожидание загрузки в виде прыгающих частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Glow slider — ползунок. Реализована с помощью CSS и JavaScript #анимация #css #javascript