Button by aasisodiya
#e8e8e8
1button { 2 background-color: #eee; 3 border: none; 4 padding: 1rem; 5 font-size: 1rem; 6 width: 10em; 7 border-radius: 1rem; 8 color: lightcoral; 9 box-shadow: 0 0.4rem #dfd9d9; 10 cursor: pointer; 11} 12 13button:active { 14 color: white; 15 box-shadow: 0 0.2rem #dfd9d9; 16 transform: translateY(0.2rem); 17} 18 19button:hover:not(:disabled) { 20 background: lightcoral; 21 color: white; 22 text-shadow: 0 0.1rem #bcb4b4; 23} 24 25button:disabled { 26 cursor: auto; 27 color: grey; 28}
11K views
11K views
MIT License