DevTools: [Elements] Highlight DOM updates

Source/devtools/front_end/elements/elementsTreeOutline.css

Index: Source/devtools/front_end/elements/elementsTreeOutline.css
diff --git a/Source/devtools/front_end/elements/elementsTreeOutline.css b/Source/devtools/front_end/elements/elementsTreeOutline.css
index e517ab85caa21518d0e94539a69c140d5ceb4ed8..94deac8d1293a6e160a8cb5a4a8a4b6d1ece42dd 100644
--- a/Source/devtools/front_end/elements/elementsTreeOutline.css
+++ b/Source/devtools/front_end/elements/elementsTreeOutline.css
@@ -271,3 +271,16 @@ body.inactive button.text-button, .text-button:disabled {
 .outline-disclosure .nowrap li {
     word-wrap: normal;
 }
+
+/* DOM update highlight */
+
+@-webkit-keyframes dom-update-highlight-animation {
+    from { background-color: rgb(255, 242, 114); }
+    90% { background-color: rgb(255, 242, 114); }
+    to { background-color: inherit; }
+}
+
+.dom-update-highlight {
+    -webkit-animation: dom-update-highlight-animation 2s 1;
+    color: red !important;
+}