Button by absoluteSTrange
#e8e8e8
1button { 2 padding: 17px 40px; 3 border-radius: 10px; 4 border: 0; 5 background-color: rgb(255, 56, 86); 6 letter-spacing: 1.5px; 7 font-size: 15px; 8 transition: all 0.3s ease; 9 box-shadow: rgb(201, 46, 70) 0px 10px 0px 0px; 10 color: hsl(0, 0%, 100%); 11 cursor: pointer; 12} 13 14button:hover { 15 box-shadow: rgb(201, 46, 70) 0px 7px 0px 0px; 16} 17 18button:active { 19 background-color: rgb(255, 56, 86); 20 /*50, 168, 80*/ 21 box-shadow: rgb(201, 46, 70) 0px 0px 0px 0px; 22 transform: translateY(5px); 23 transition: 200ms; 24} 25
15K views
15K views
Variations
1 MIT License