Полезная вЁрстка

Winking animated button — кнопка с забавным эффектом при наведении. Реализована с помощью CSS и JavaScript. #анимация #css #js

3D Glass Switch (Pure CSS, Neumorphic, Animation) — анимированный переключатель с эффектом 3D. Реализован с помощью SCSS. #анимация #scss

Cool circular hover effect! — анимированный эффект при наведении на фото. Реализован с помощью CSS. #анимация #css

Cave Generator — пиксельный генератор пещер/островов. Реализован с помощью Vue. #анимация #js

infinite on top — анимация в виде бесконечности. Реализована с помощью SCSS и SVG. #анимация #scss #svg

Emoji Radio Buttons — анимированные переключатели в виде эмодзи. Реализованы с помощью CSS и JavaScript. #анимация #css #js

Radio rotating telephone Dial — анимированный диск для набора номера. Реализован с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Хотите выучить html с нуля? 🎁 Приходите на бесплатный урок для новичков: Создать сайт в блокноте html за час. Пошаговая инструкция 🌐 На занятии мы сверстаем одностраничный сайт о компании или персоне, разберём современные подходы к созданию HTML-страниц и их оформлению и расположению элементов на экране. 👍 К концу занятия у вас будет современный лендинг о компании или персоне, и вы сможете понять, подходит ли вам профессия разработчика. 👉 Для участия нужно зарегистрироваться https://otus.pw/JRi0/ 📌 Урок проходит в раках тест-драйва специализации «Fullstack Developer» в OTUS. Это онлайн-курс, где вы сможете освоить профессию Fullstack-разработчика на JavaScript за 14 месяцев. Курс доступен в рассрочку. От 11500р/мес Реклама. Информация о рекламодателе на сайте www.otus.ru

Spinning radio buttons — анимированный переключатель в виде рулетки. Реализован с помощью SCSS. #анимация #scss

Radio Button — крайне необычное и стильное исполнение Radio Button'а. Реализовано с помощью SCSS и JavaScript. #анимация #css #js

Друзья! Присоединяйтесь к каналу FrontEndDev! ☝🏻Админы собирают для вас лучшие материалы о технологиях front end разработки, которые помогут вам стать настоящим профессионалом. 👨🏻‍💻 Статьи от лучших экспертов и практиков, а также полезные советы и рекомендации для оптимизации вашей работы!

Product Card UI Hover Floating — анимированная карточка с товаром. Реализованная с помощью CSS. #анимация #css

Clean CSS Glitch — анимированный текст с эффектом глича. Реализован с помощью CSS. #анимация #css

Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 📌Senior Frontend — JS, HTML и CSS 📌Frontend Interview — как проходить собеседования 📌Web Craft — только Web-разработка 📌Frontender Libs — библиотеки для фронтендера

Glassy Button — стилизованная кнопка с анимацией при нажатии. Реализованная с помощью CSS и Pug. #анимация #css

Julian's Grid - Anime.js — сцена с анимированными фигурами. Реализованная с помощью CSS и JavaScript. #анимация #css #js

Background inifnite scrolling — бесконечный анимированный фон. Реализованный с помощью CSS. #анимация #css

Pizza Loader — загрузка в виде анимированной пиццы. Реализованная с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Mechanical Keyboard — интерактивная экранная клавиатура. Реализованная с помощью SCSS и JavaScript. #анимация #scss #js

2kb total size SVG animation — сцена с абстрактным анимированным фоном. Реализованная с помощью CSS и SVG. #анимация #css #svg