Переходы CSS3: «Переход: все» медленнее, чем «Переход: x»?

У меня вопрос о скорости отрисовки для свойства перехода css3.

Предположим, у меня есть несколько элементов:

div, span, a {transition: all}

div {margin: 2px}
span {opacity: .5}
a:hover {background-position: left top}

div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}

Гораздо эффективнее нацелить все переходы для всех этих элементов с помощью одного объявления div, span, a {transition: all} . Но мой вопрос: будет ли «быстрее» с точки зрения плавности и скорости рендеринга анимации нацеливаться на конкретное свойство перехода каждого элемента? Например:

div {margin: 2px; transition: margin .2s ease-in}
span {opacity: .5; transition: opacity .2s ease-in}
a {background-position: left top; transition: background .2s ease-in}

div:hover {margin: -100px}
span:hover {opacity: 1}
a:hover {background-position: -5px top}

Моя логика в том, что я задаю этот вопрос: если «движок» css должен искать «все» свойства перехода, даже если есть только одно свойство для элемента, это может замедлить работу.

Кто-нибудь знает, так ли это? Спасибо!

73
задан BoltClock 9 May 2018 в 09:44
поделиться