Мой вопрос в том, что быстрее, родные теги анимации SVG, например:
<path d="something very long and non-human-friendly">
<animateTransform attributeName="transform" attributeType="XML"
type="rotate" from="0" to="360" begin="0s" dur="3s" fill="freeze"
repeatCount="indefinite" />
</path>
или анимации CSS, например:
path {
animation: foo 3s ease-out infinite;
}
@keyframes foo {
50% {
transform: rotate(360);
}
Может быть, лучше использовать SVG-анимацию, поскольку SVG имеет лучшую поддержку браузера?
Связано также: Поскольку CSS-преобразование запускает аппаратное ускорение, мне также было интересно, могут ли собственные теги анимации SVG запускать ускорение GPU или нарисованы браузером. Если нет, возможно ли принудительное использование аппаратного обеспечения в собственных анимациях SVG?
Ура!