Button by mi-series
#e8e8e8
1button { 2 width: 170px; 3 height: 60px; 4 color: #fff; 5 background: #000; 6 font-size: 17px; 7 text-decoration: none; 8 margin: 50px; 9 display: flex; 10 align-items: center; 11 justify-content: center; 12 box-shadow: 0px 0px 0 #000; 13 transition: 0.5s; 14 position: relative; 15} 16 17button:hover { 18 box-shadow: 8px 10px 0 #000; 19 background: transparent; 20 border: 2px solid #000; 21 color: #000; 22 margin-top: 5px; 23} 24 25button span { 26 margin-left: 10px; 27 width: 0; 28 overflow: hidden; 29 transition: 0.4s; 30} 31 32button:hover span { 33 width: 30px; 34}
966 views
966 views
MIT License