#212121
1button { 2 transition: all 0.5s; 3 font-size: 17px; 4 padding: 1ch 2ch; 5 background-color: white; 6 color: #000; 7 font-family: Roboto, sans-serif; 8 border: none; 9 border-radius: 2px; 10 box-shadow: 2px 2px 0px hsl(0, 0%, 90%), 11 4px 4px 0px hsl(0, 0%, 80%), 12 6px 6px 0px hsl(0, 0%, 70%), 13 8px 8px 0px hsl(0, 0%, 60%), 14 10px 10px 0px hsl(0, 0%, 50%), 15 12px 12px 0px hsl(0, 0%, 40%), 16 14px 14px 0px hsl(0, 0%, 30%), 17 16px 16px 0px hsl(0, 0%, 20%), 18 18px 18px 0px hsl(0, 0%, 10%); 19} 20 21button:hover { 22 background-color: hsl(0, 0%, 50%); 23 color: #fff; 24 box-shadow: none; 25}
Comments
MIT License