Привет, юные покорители интернета! 👋 Вы когда-нибудь задумывались, как создаются красивые веб-страницы с идеально расположенными элементами? Ответ прост — с помощью волшебной технологии под названием CSS Grid! Сегодня мы отправимся в увлекательное путешествие и узнаем, как эта технология может превратить вас в настоящего веб-архитектора! Представьте, что у вас есть волшебная доска с клеточками, на которой вы можете расположить всё что угодно — тексты, картинки, видео — именно так, как вам хочется!...

Я рад пролить свет на тот факт, что свойства CSS grid-template-rows и grid-template-columns теперь можно анимировать во всех основных веб-браузерах! Что ж, CSS Grid уже давно технически поддерживает анимацию, поскольку она встроена прямо в спецификацию CSS Grid Layout Module Level 1. Но анимация этих свойств сетки только недавно стала поддерживаться всеми тремя основными браузерами. Давайте посмотрим на несколько примеров, чтобы дать волю творчеству? Пример 1: Расширение боковой панели Прежде всего, это то, о чем мы говорим: Простая двухколоночная сетка...