#e8e8e8
1button { 2 position: relative; 3 display: inline-block; 4 margin: 15px; 5 padding: 15px 30px; 6 text-align: center; 7 font-size: 18px; 8 letter-spacing: 1px; 9 text-decoration: none; 10 color: #725AC1; 11 background: transparent; 12 cursor: pointer; 13 transition: ease-out 0.5s; 14 border: 2px solid #725AC1; 15 border-radius: 10px; 16 box-shadow: inset 0 0 0 0 #725AC1; 17} 18 19button:hover { 20 color: white; 21 box-shadow: inset 0 -100px 0 0 #725AC1; 22} 23 24button:active { 25 transform: scale(0.9); 26}
Comments
MIT License