Смысл здесь данного свойства?

Question

[germankraut]

Из примера мдна.

В чем смысл указывать тут такое св-во transition property?
(да, пытаюсь в анимации)
https://jsfiddle.net/rauzsx9k/1/

Answer 1

[WapSter]

Чтобы явно указать анимируемое свойство и не нагружать браузер

Comments

[aki2]

Это правда компенсирует нагрузку? Он ведь потратит еще мощности чтобы найти этот стиль и определить его значение...

[WapSter]

aki2, да правда, а еще лучше еще указывать will-change, тогда браузеру заранее говоришь, что будет анимироваться.

[aki2]

WapSter, ну ок

[Алекс Глебов]

WapSter, will-change следует применять, когда с анимацией уже есть проблемы. Эта экспериментальная технология сама может вызвать баги на ровном месте.

[WapSter]

Алекс Глебов, действительно. Когда-то прочитал о данном свойстве статью, а вот на MDN не смотрел, а надо было. Спасибо.

Answer 2

[Алекс Глебов]

Чтобы не было конфликтов с другими анимациями, лучше указать явно transition-property, а не анимировать все. Это упростит поддержку проекта. Например на ховер меняется фон через css. И если не указать transition-property: background; то при другой анимации, например контента при скроле через js, будет применяться transition ховера, что не желательно.