--- a/devtools/client/inspector/animation/components/AnimatedPropertyName.js
+++ b/devtools/client/inspector/animation/components/AnimatedPropertyName.js
@@ -20,17 +20,19 @@ class AnimatedPropertyName extends PureC
     const {
       property,
       state,
     } = this.props;
 
     return dom.div(
       {
         className: "animated-property-name" +
-                   (state && state.runningOnCompositor ? " compositor" : ""),
+                   (state && state.runningOnCompositor ? " compositor" : "") +
+                   (state && state.warning ? " warning" : ""),
+        title: state ? state.warning : "",
       },
       dom.span(
         {},
         property
       )
     );
   }
 }

--- a/devtools/client/themes/animation.css
+++ b/devtools/client/themes/animation.css
@@ -347,16 +347,20 @@
   fill: var(--fast-track-color);
   height: 100%;
   position: absolute;
   left: 0;
   width: 15px;
   -moz-context-properties: fill;
 }
 
+.animated-property-name.warning span {
+  text-decoration: underline dotted;
+}
+
 /* No Animation Panel */
 .animation-error-message {
   overflow: auto;
 }
 
 .animation-error-message > p {
   white-space: pre;
 }