Откуда могут возникать подобные проседания кадров в css анимации свойства clip-path?

Question

[Александр]

Первый раз столкнулся с такой ерундой в css. Имеется не очень тяжёлая анимация свойства clip-path. Постоянно возникают непонятные просадки частоты кадров на чистом месте (судя по отладчику chrome). При этом зачастую в тех же местах, где происходят эти просадки так же видно, что соседние кадры имеют одинаковый прогресс анимации (серая заслонка сдвинута на одинаковое расстояние) - подчеркнул синим цветом на скрине. Есть у кого-нибудь идеи на счёт того - из за чего такое может возникать? По идее если переписать анимацию на js, то всё будет работать хорошо, но всё же интересно, что не так с css. Это свойство (clip-path) ещё сырое или я что-то делаю не так?

Comments

[Максим]

https://caniuse.com/#search=clip-path

[Александр]

Максим Ленский, и? Я это видел.

[Максим]

LordGuard, вы спросили про сырое , оно не то что бы сырое - вообще мало где поддерживается

[Александр]

Максим Ленский, оно поддерживается везде, где мне нужно. В Edge поддерживается свойство clip. IE меня не интересует. Дело не в поддержке, а в том как работает анимация.

[Максим]

LordGuard, я понял... извените...

[Сергей Андреев]

LordGuard, а можно демо или сайт, так будет явно проще в целом это вообще не очень производительная операция, возможно canvas вас спасет

[Александр]

Сергей Андреев, как я и думал проблема решилась анимацией того же самого clip-path через javascript, как ни странно. Что-то явно не так с движком css анимаций в chrome.