Плохо ли использовать такую строчку?

Question

[Heorhii]

Всем привет. Хотел сделать плавное движение элементов при растягивании ширины окна, и добавил примерно такую строку, сильно ли это может «грузит» или абсолютно по боку?)
* { transition: all 400ms linear }

Comments

[Rustam Bainazarov]

Да. Плохо. Каждый божий элемент (кроме псевдоэлеметов) будет проверяться на все анимируемые свойства.

Производительность в плинтус.

[Ankhena]

Хотел сделать плавное движение элементов при растягивании ширины окна

Вы много людей знаете, кто балуется растягиванием окна, кроме разработчиков и, возможно, клиентов?

[Heorhii]

Ankhena, да, я об этом думал - практически никто, но этот вопрос задал тут из интереса
Всё же думаю для очень простеньких сайтов это вполне покатит

[Alfieros]

Георгий Городенко, если только для таблицы 2х2)))

[Rustam Bainazarov]

Георгий Городенко, насколько простых? Если только с одной кнопкой :))

Это плохая практика, не используйте это.

[Ankhena]

Георгий Городенко, Я вас, кстати, понимаю. Когда первый раз делала адаптив, то тоже наделала плавных анимаций и потом сидела и двигала туда сюда окно. И довольно долго этим занималась.
Наверное, это как со шрифтом comic sans или звездочками/снегом по экрану (кого с чего распирает).
Просто надо тихонько в уголке это пережить, но не нести в продакшн.

Answer 1

[Владимир Проскурин]

Да, плохо. По двум причинам
1) * селектор очень "тяжелый", он притягивается ко всем элементам. Его можно использовать только для reset или отладки.
2) transition с параметром all тоже тяжелый, нужен конкретный параметр, который вы собираетесь анимировать.