add buttons with shadow animations

Author: swanie21

.sass-cache/5d82a4dbdeb96e21b02c4e455b28ce36d7116dbf/body.scssc

@@ -79,5 +79,16 @@ <h1>Border Transitions</h1>
       <button class="borderButton15" type="button" name="button">Underline Reveal</button>
       <button class="borderButton16" type="button" name="button">Overline Reveal</button>
     </section>
+    <section>
+      <h1>Shadow Transitions</h1>
+      <button class="shadowButton1" type="button" name="button">Shadow Bottom</button>
+      <button class="shadowButton2" type="button" name="button">Shadow Sides</button>
+      <button class="shadowButton3" type="button" name="button">Grow Shadow</button>
+      <button class="shadowButton4" type="button" name="button">Float Shadow</button>
+      <button class="shadowButton5" type="button" name="button">Glow</button>
+      <button class="shadowButton6" type="button" name="button">Shadow Radial</button>
+      <button class="shadowButton7" type="button" name="button">Shadow Outset</button>
+      <button class="shadowButton8" type="button" name="button">Shadow Inset</button>
+    </section>
   </body>
 </html>

.sass-cache/5d82a4dbdeb96e21b02c4e455b28ce36d7116dbf/main.scssc

@@ -4,7 +4,7 @@
 
 section {
   margin: auto;
-  width: 80%;
+  width: 75%;
 }
 
 h1 {