Как поднять fps при transition: background-color; border-radius: 50%?

Question

[starwars9isgreatlol]

Привет!
Заметил неприятное поведение у google chrome - если у слоя установлено свойство border-radius > 0, то анимация background-color начинает ощутимо подтормаживать, на телефоне с андроидом просадка с 60 до где-то 25 fps

Обертка в слой с border-radius и overflow:hidden не помогает, transform: translate3d() не помогает. Немного помогает анимировать svg картинку, но все равно не удается добиться 60фпс - да и слишком много мороки с svg в моем случае.

Может кто то даст совет, что с этим можно сделать?

Comments

[fallus]

Возможно поможет will-change: background-color
Хотя это по сути одно и то же, что и translate3d(), но мало ли.
И если анимация через transition, то в нём задать не transition: all .5s ease, а выборочно:
transition: background-color .5s ease