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

hiikezoe · gorhill · commit d104ee27ec79 · 2018-03-13T06:07:53.000-04:00
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
diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css
@@ -1,4 +1,5 @@
 @keyframes spin {
+    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
     100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
     }
 ul {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`@keyframes spin {`
	`2`	`+ 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); }`
`2`	`3`	`100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); }`
`3`	`4`	`}`
`4`	`5`	`ul {`