Button by barisdogansutcu
#e8e8e8
1button { 2 padding: 17px 40px; 3 border-radius: 50px; 4 cursor: pointer; 5 border: 0; 6 background-color: white; 7 box-shadow: rgb(0 0 0 / 5%) 0 0 8px; 8 letter-spacing: 1.5px; 9 text-transform: uppercase; 10 font-size: 15px; 11 transition: all 0.5s ease; 12} 13 14button:hover { 15 letter-spacing: 3px; 16 background-color: hsl(261deg 80% 48%); 17 color: hsl(0, 0%, 100%); 18 box-shadow: rgb(93 24 220) 0px 7px 29px 0px; 19} 20 21button:active { 22 letter-spacing: 3px; 23 background-color: hsl(261deg 80% 48%); 24 color: hsl(0, 0%, 100%); 25 box-shadow: rgb(93 24 220) 0px 0px 0px 0px; 26 transform: translateY(10px); 27 transition: 100ms; 28} 29
21K views
21K views
Variations
1 MIT License