Modify animation

app/index.html

@@ -11,10 +11,10 @@
             padding: 0;
           }
           @keyframes example {
-            0%   {background-color: inherit;}
+            0%   {background-color: none;}
             25%  {background-color: #3f51b5;}
             50%  {background-color: #3f51b5;}
-            100% {background-color: inherit;}
+            100% {background-color: none;}
           }
 
           ::-webkit-scrollbar {

app/src/components/Tree/TreeNode.tsx

@@ -171,7 +171,7 @@ class TreeNode extends React.Component<Props, State> {
     this.dirtyEdges = this.dirtyMessage = this.dirtySubnodes = false
 
     const shouldStartAnimation = (isDirty && !this.animationDirty) && !this.props.isRoot
-    const animation = shouldStartAnimation ? { animation: 'example 0.5s' } : {}
+    const animation = shouldStartAnimation ? { willChange: 'auto', translateZ: 0, animation: 'example 0.5s' } : {}
     this.animationDirty = shouldStartAnimation
 
     return (