Merge pull request #156 from Discopigeononline/master

feat - Add Hover Animated Button

Author: stevemao

examples/slider.html

@@ -0,0 +1,29 @@
+<button class="slide-button">Hover Me!</button>
+<style type="text/css">
+/* CSS styles */
+ /* Example by Discopigeon at https://codepen.io/Discopigeon/pen/mdaaVpW */
+
+ body {
+ display: flex;
+ justify-content:center;
+ }
+
+ /* button and hover css */
+
+ .slide-button {
+ display: inline;
+ border: 2px solid #000;
+ border-radius: 8px;
+ letter-spacing: 2px;
+ box-shadow: inset 0 0 0 0 #000;
+ transition: all .35s linear;
+ background-color: transparent;
+ font-size: 80px;
+ color: #000;
+ }
+
+ .slide-button:hover {
+ color: #fff;
+ box-shadow: inset 400px 0 0 0 #000;
+ }
+</style>