Комментарии 4
Важно помнить, что grid, как и ряд других css свойств, при изменении значений вызывает перерасчет геометрии. Такая анимация будет тормозить по сравнению с вариантом на transform. Применяйте только там, где действительно нет других вариантов.
Пример с анимацией dvd иконки у меня на m1 pro нагружает ядро процессора на 7%, аналогичный код на transform меньше 2%.
+6
Кажется, 109-й файрфокс чего-то пока что не умеет. Потому что ничего не расширяется с 48px до 30%. Или он не умеет :has? Потому что другие примеры двигаются.
Supported in Firefox behind the
layout.css.has-selector.enabled
flag
Не помогло
+1
FF не поддерживает :has. https://caniuse.com/css-has
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Анимация грида в CSS