Эти кнопки двигаются как в 3D — только CSS!
Большинство кнопок скучные и плоские. В этом видео я покажу, как сделать кнопки, которые двигаются и наклоняются, создавая эффект 3D, **без JavaScript**. Ты узнаешь: - как использовать transform: rotate, skew, translate - как создать псевдообъём через ::before и ::after - как сделать плавную анимацию при hover - как стилизовать кнопки под соцсети или интерфейсы Формат: живой разбор кода + результат в реальном времени. Вопрос: использовал бы ты такие 3D кнопки на реальном проекте — да или нет? 🔔 Подписаться на канал ⬇️ youtube.com/channel/UCvxnVSnw26BD290Yx5qlWig 👍 Поддержи меня на PATREON, я буду благодарен. Архив с кодом тут: https://www.patreon.com/posts/knopki-kotorye-v-133138349?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link Таймкоды видео: 00:00 О чем видео 00:23 Верстаем HTML 01:07 Пишем современный CSS 02:21 :hover анимация 04:30 Результат наших действий 04:44 Благодарю за просмотр #CSS2025 #has #CSSбезJS #ВебРазработка #Frontend #НовинкиCSS #разработка #cssanimation, #css3d , CSS hover effect, CSS before after, CSS transform tutorial, rotate skew translate, CSS псевдоэлементы, HTML CSS кнопки, CSS плитки, социальные кнопки, CSS эффекты, CSS уроки, css animation, UI дизайн css
Название:
Эти кнопки двигаются как в 3D — только CSS!
Категория:
Разное