diff --git a/snippets/hover-shadow-out-animation b/snippets/hover-shadow-out-animation
new file mode 100644
index 000000000..77f62c695
--- /dev/null
+++ b/snippets/hover-shadow-out-animation
@@ -0,0 +1,10 @@
+### Hover Shadow Out Animation
+
+
+Creates a shadow box around the text whern it is hovered.
+
+#### HTML
+
+```html
+< h4 class = "hover-shadow-out-animation"> Box it! </h4>
+```