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

Pie Slice Text Animation —  стильная анимация фигуры с текстом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Impossibly Tipsy —  красиво анимированное лого. Реализована с помощью CSS #анимация #css

Transparent Sidebar | CSS —  анимированный сайдбар с выделением пунктов при нажатии. Реализована с помощью CSS #анимация #css

Вниманию фронтед-разработчиков и дизайнеров: макеты figma - огромная база крутых референсов на любой вкус. Тренируй навыки UI/UX или верстки! Дорогой дизайн - Более 2500 текстур, иконок, фонов, шрифтов, ui-kit'ов и других элементов. Вместо платных подписок — наш дизайнер отбирает только то, на что стоит обратить внимание Работать надо не 24/7, работать надо продуктивно - подпишись и подними свою эффективность!

Publica nav rebuilt —  эффект переворачивания блоков при наведении на элементы меню. Реализована с помощью CSS #анимация #css

Simple card animation —  карточка с плавно всплывающей информацией при наведении на нее. Реализована с помощью CSS #анимация #css

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

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

Изучить основы HTML и CSS за 5 занятий: бесплатный курс Нетологии HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб- и frontend-разработчикам, но и всем, кто работает с сайтами — веб-дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов. На бесплатном курсе Нетологии «Основы вёрстки сайта: HTML и CSS» вы на практике познакомитесь с базовыми технологиями веб-разработки: • узнаете, как устроены и работают сайты, • потренируетесь самостоятельно верстать текст, • научитесь менять расположение объектов, шрифты и цвета страницы. Программа включает в себя короткие видео и практические задания с самопроверкой и итоговым тестом. Начать обучение можно в любой момент — доступ ко всем занятиям откроется сразу после регистрации. Начать обучение → https://netolo.gy/cbmO Реклама. ООО «Нетология» erid: LatgBUMqR

Direction aware hover effect —  перетекание градиентного подчеркивания. Реализована с помощью CSS и JavaScript #анимация #css #javascript

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

7 дней бесплатного обучения UX/UI-дизайну! 🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: - Освоишь базовый функционал Figma; - Узнаешь, как создавать трендовый дизайн; - Разберешься с UX и UI дизайном и интерфейсами; - Научишься создавать адаптивный дизайн; - Получишь советы по доработке своих проектов; В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. Ухватить бесплатно такой ценный материал можешь по ссылке 👉 UX/UI-Start После подтверждения участия мы вышлем тебе в подарок чек-лист «45 мест для поиска работы», где собраны все ресурсы, на которых UX/UI-дизайнеры находят работу в веб-студиях и IT-компаниях. Реклама. ИП Чернова О. А., ИНН:771399721044, erid:LjN8Jyc8h

Behind Bars —  сцена с движущимися кругами за перекладинами. Реализована с помощью CSS #анимация #css

Toothed Toggle - CSS —  переключатель с анимацией. Реализована с помощью CSS #анимация #css

Не надоело сутками искать скрипты и подходящие методы? В сети ведь полно крутых источников. В том числе канал Сайтодел в телеграме Зашли – подписались – и сразу применяете в своих проектах. Подключайтесь 👍

Pagination - Simple Pagination —  анимированная пагинация с карточками. Реализована с помощью CSS #анимация #css

Pharma —  анимированное изображение капсулы с лекарством. Реализована с помощью CSS #анимация #css

Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: отборные статьи на актуальные темы, популярные библиотеки для работы. Ждём тебя: @mood_frontend

Dock Navbar —  панель навигации между страницами приложения. Реализована с помощью CSS #анимация #css

Social Media Icons with Popups (HTML + Pure CSS Only) — анимация иконок социальных сетей с всплывающими окнами. Реализована с помощью CSS #анимация #css