#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 .3s ease; 9 box-shadow: rgb(201, 46, 70) 0px 10px 0px 0px; 10 color: hsl(0, 0%, 100%); 11} 12 13button:hover { 14 box-shadow: rgb(201, 46, 70) 0px 7px 0px 0px; 15} 16 17button:active { 18 background-color: rgb(255, 56, 86); 19 /*50, 168, 80*/ 20 box-shadow: rgb(201, 46, 70) 0px 0px 0px 0px; 21 transform: translateY(5px); 22 transition: 200ms; 23}
Comments
Variations
1 MIT License