Анимация грида в CSS

[Vlad_IT]

Важно помнить, что grid, как и ряд других css свойств, при изменении значений вызывает перерасчет геометрии. Такая анимация будет тормозить по сравнению с вариантом на transform. Применяйте только там, где действительно нет других вариантов.

Пример с анимацией dvd иконки у меня на m1 pro нагружает ядро процессора на 7%, аналогичный код на transform меньше 2%.

[Metotron0]

Кажется, 109-й файрфокс чего-то пока что не умеет. Потому что ничего не расширяется с 48px до 30%. Или он не умеет :has? Потому что другие примеры двигаются.

Supported in Firefox behind the layout.css.has-selector.enabled flag

Не помогло

[Gortalion]

FF не поддерживает :has. https://caniuse.com/css-has

[Metotron0]

Цитата про has-selector в about:config оттуда была, но оно не сработало.