diff --git a/userContent.css b/userContent.css
index b406eb0..ab6904e 100644
--- a/userContent.css
+++ b/userContent.css
@@ -65,6 +65,29 @@ video {
   fill: #48a0f7 !important; /* color as .scrubber */
 }
 
+/* Animation */
+@media (prefers-reduced-motion: no-preference) {
+  /* Control Bar */
+  #controlsContainer .controlBar {
+    transition: transform 350ms ease;
+  }
+  #controlsContainer .controlBar[hidden] {
+    transform: translateY(100%);
+    transition: transform 350ms ease-in-out, opacity 1s ease 100ms !important;
+  }
+  #controlsContainer .controlBar[hidden] .progressBar,
+  #controlsContainer .controlBar[hidden] .bufferBar {
+    display: unset !important;
+    opacity: 0.55;
+    transition: opacity 150ms ease 50ms;
+  }
+
+  /* Click to play */
+  #controlsContainer .clickToPlay {
+    transition: opacity 150ms ease-in-out, fill 150ms ease-in-out;
+  }
+}
+
 @-moz-document url("about:home"), url("about:newtab") {
   /** Activity Stream - Search Focus Border: like URL *************************/
   /* At DarkMode, Color */