CSS-анимации, которые оживят ваш сайт

👉 Начните писать CSS с уверенностью: https://thecascade.dev/courses/css-de... 🔗 Ссылки ✅ Где я рассматриваю использование GSAP для других анимаций:    • I finally used GSAP... and I get the hype now   ✅ Поддержка ::details-content в браузерах: https://caniuse.com/wf-details-content ✅ Использование сетки для анимации по высоте auto:    • The simple trick to transition from height...   ✅ Использование sibling-index():    • CSS can count now!   ✉ Будьте в курсе всего, что я делаю: https://www.kevinpowell.co/newsletter 💬 Присоединяйтесь к другим разработчикам в моем сообществе Discord   / discord   ⭐ Вы новичок? HTML и CSS для абсолютных новичков — для вас: https://learn.kevinpowell.co 🎓 Начните уверенно писать CSS с CSS Demystified: https://cssdemystified.com 🚀 Уже освоили CSS? Посмотрите мой продвинутый курс «Beyond CSS»: https://www.beyondcss.dev/ --- Поддержите мой канал! 👨‍🎓 Пройдите курс: https://www.kevinpowell.co/courses 👕 Купите футболку: https://cottonbureau.com/people/kevin... 💖 Поддержите меня на Patreon:   / kevinpowell   или через подписку на YouTube: https://youtube.com/@KevinPowell/join --- 🧑‍💻 Мои редакторы: В большинстве видео я сейчас использую CodePen: https://codepen.io/ - с темой High Contrast Dark и шрифтом Commit Mono А если не CodePen, то, вероятно, Zed: https://zed.dev/ с темой Ayu Dark и шрифтом ZedMono В старых видео я использовал VS Code - https://code.visualstudio.com/ с темой One Dark Pro Var и шрифтом Cascadia --- ⌚ Отметки времени: 00:00 - Вступление 00:30 - Разметка 02:50 - ::details-content 09:50 - Разбираемся в CSS 11:00 - Улучшение анимации 15:00 - Исправление анимации при первом открытии --- Я также есть на других ресурсах в интернете! Если вы хотите заглянуть за кулисы и посмотреть анонсы того, что скоро появится на моём YouTube-канале: Bluesky: https://bsky.app/profile/kevinpowell.co Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- И что бы вы ни делали, не забывайте делать свой уголок интернета ещё немного круче! #css