From d104ee27ec79ac599893483856ddf918055ee82f Mon Sep 17 00:00:00 2001
From: hiikezoe <hiikezoe@users.noreply.github.com>
Date: Tue, 13 Mar 2018 19:07:53 +0900
Subject: [PATCH] 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
---
 src/css/3p-filters.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css
index 359ab709e..b03827b74 100644
--- 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 {