diff --git a/README.md b/README.md
index a34dfd8..42fa8fa 100644
--- a/README.md
+++ b/README.md
@@ -95,7 +95,9 @@ Relationship lines that shows hierarchy, like in code editors.
 ## [Auto-fading UI](code/css-snippets/autofading-ui.css)
 by [@Rumen Dimitrov](https://forum.obsidian.md/u/rsdimitrov)
 
+Fades note's header controls and status bar items when not hovered.
 
+![](media/css-snippets/autofading-ui-1.gif)
 [📁 autofading-ui.css](code/css-snippets/autofading-ui.css)
 
 ---
diff --git a/code/css-snippets/autofading-ui.css b/code/css-snippets/autofading-ui.css
index 377ce03..babed01 100644
--- a/code/css-snippets/autofading-ui.css
+++ b/code/css-snippets/autofading-ui.css
@@ -2,6 +2,7 @@
 /* author: https://forum.obsidian.md/u/rsdimitrov */
 /* source: https://forum.obsidian.md/t/optimize-obsidian-ui-for-a-more-seamless-experience/155/5 */
 
+/* change opacity to 0 if you want controls to fade completely */
 /* auto fades note header controlls */
 .view-header:not(:hover) .view-actions {
   opacity: 0.1;
diff --git a/media/css-snippets/autofading-ui-1.gif b/media/css-snippets/autofading-ui-1.gif
new file mode 100644
index 0000000..d89d7f9
Binary files /dev/null and b/media/css-snippets/autofading-ui-1.gif differ