Devtools Animations: Basic animation inspection & control in Styles pane

Source/devtools/front_end/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 698 matching lines @@
     background-color: rgb(230, 230, 230);
     padding: 0 5px;
     border-top: 1px solid rgb(189, 189, 189);
     border-bottom: 1px solid rgb(189, 189, 189);
     color: rgb(50, 50, 50);
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 16px;
 }
+
+.animation-pause .glyph {
+    -webkit-mask-position: -32px -72px;
+}
+
+.animation-pause.toggled-on .glyph {
+    -webkit-mask-position: 0 -72px;
+}