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

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

Sparkly Stars — анимация при наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Threads ticket with Hologram Effect — билет. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Paint Drop Hover — эффект подсветки области текста. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Открываем новые горизонты фронтенд разработки! Наш канал - это непрерывный поток вдохновения и инноваций. Каждый день мы выкладываем новые уникальные работы, созданные с помощью сайта Codepen. От минималистичных дизайнов до эффектных анимаций - все в одном месте. Присоединяйтесь к нашей команде и улучшайте свои навыки вместе с нами!

3D Custom Personalized QR Codes — анимация вращения QR-кода. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Intelligent Mouse Trailer — анимированый плавный курсор. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Responsive Image Carousel — анимированная карусель изображений. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Canva's Magic Mouse Effect — анимированная пыльца. Реализована с помощью CSS и JavaScript #анимация #css #javascript

3D Globe — анимированная сфера. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Menu Toggle button with flat menu — кнопка переключения меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

Scattering hexagons — анимация рассеивающихся шестиугольников. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Найден полезный курс по фронтенд-разработке! Что будет в бесплатном доступе: 1️⃣ Создание полноценного веб-сайта на HTML и CSS Поймёшь, как создавать стильные и функциональные веб-страницы с использованием современных технологий. 2️⃣ Оживление страницы с помощью JavaScript Попробуешь добавить интерактивность и динамичность в свои проекты. 3️⃣ Работа с фреймворком Angular Узнаешь, как создавать масштабируемые и эффективные веб-приложения 4️⃣ Подключение Backend и загрузка сайта на хостинг Впитаешь основы работы с Backend'ом и развернёшь свой проект на хостинге. 5️⃣ Советы по доработке проекта Получишь ценные советы от опытных разработчиков, чтобы улучшить свой проект и достичь более высокого уровня и качества. Обучение пройдёт 18-24 января. 👉 Успей ухватить бесплатно такой ценный материал Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.

Stripe Sessions style Flex Carousel — анимированный виджет персонала. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Magnetic Hover Interaction — магнитное взаимодействие при наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Sliding Image Track — слайдер с эффектом параллакса. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Evervault Hover Effect — необычный эффект при наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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