У меня вопрос о скорости рендеринга для свойства перехода 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 должен искать "все" свойства перехода, даже если для элемента есть только одно свойство, это может замедлить работу.
Кто-нибудь знает, если это так? Спасибо!