Button by ercnersoy
#e8e8e8
1.button { 2 cursor: pointer; 3 padding: 1rem 4rem; 4 border: 0; 5 background-color: rebeccapurple; 6 color: white; 7 box-shadow: 0px 10px 0px 0px rgb(68, 37, 99); 8 transition: all 0.9s ease-in-out; 9 font-weight: 600; 10 font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", 11 "Lucida Sans Unicode", Geneva, Verdana, sans-serif; 12 font-size: 1rem; 13 position: relative; 14} 15.button:hover { 16 box-shadow: 0px 10px 0px 0px rgb(122, 71, 173); 17 background-color: rgb(80, 31, 129); 18} 19.button:active { 20 box-shadow: 0px 5px 0px 0px rgb(122, 71, 173); 21 text-shadow: 0 0px 0px #000; 22} 23 24.button::before { 25 content: ""; 26 position: absolute; 27 left: 0; 28 bottom: 0px; 29 box-shadow: 0px 10px 0px 0px rgb(229, 104, 9); 30 width: 0; 31 height: 10px; 32 transition: all 0.9s ease-in-out; 33} 34.button:hover::before { 35 width: 100%; 36} 37
156 views
156 views
MIT License