The following should animate in CSS Animations.
@keyframes test {
from { background-size: 50%; }
to { background-size: 100%; }
}
We currently don't animate it due to the implicit "auto" keyword.
See syntax for background-size: https://drafts.csswg.org/css-backgrounds-3/#the-background-size
The spec has recently changed to allow keywords in animations so we should follow suit.
Test case: https://jsfiddle.net/d6xnjxxs/
Forked from issue 616072 .
Thanks Alan.
How long does it usually take on average for something like this to be fixed?
We have loads of websites out in the wild with stuttering animations (instead of smooth ones as per Chrome <= 50)
I'm just wondering if we will need to re-code them. Fingers crossed this can be fixed soon!
Sorry to hear this is affecting you so. I have a fix in review though it will be months before it reaches stable Chrome.
I recommend replacing "background-size: 50%" with "background-size: 50% 50%" as a workaround in the mean time. Example: https://jsfiddle.net/d6xnjxxs/1/
Comment 1 by r...@clear-reports.com
, Aug 30 2016