Specify a transform value at 0% keyframe (#3598)

In Firefox, transform animations which don't specify 0% or 100% keyframe value
are not properly optimized if the animations are scrolled-out [1]. Such
animations unfortunately consume much CPU rather than visible ones. An easy
way to avoid this is to specify the missing keyframe value.

[1] https://bugzilla.mozilla.org/show_bug.cgi?id=1430884
This commit is contained in:
hiikezoe 2018-03-13 19:07:53 +09:00 committed by Raymond Hill
parent 796152c528
commit d104ee27ec
1 changed files with 1 additions and 0 deletions

View File

@ -1,4 +1,5 @@
@keyframes spin {
0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
}
ul {