Button by Afacanc38
#212121
1.button { 2 padding: 12px 24px; 3 border: none; 4 border-radius: 2px; 5 background: #424242; 6 color: white; 7 box-shadow: 0 1px 0 0 rgba(255, 255, 255, .1) inset, 8 0 0 0 1px rgba(0, 0, 0, .7), 9 0 -1px 0 0 rgba(0, 0, 0, .7) inset, 10 0 1px 2px 1px rgba(0, 0, 0, .6); 11 cursor: pointer; 12 transition: 50ms ease-out; 13 font-weight: 600; 14} 15 16.button:hover, .button:focus, .button:focus-visible { 17 background: #353535; 18 box-shadow: 0 1px 0 0 rgba(255, 255, 255, .05) inset, 19 0 0 0 1px rgba(0, 0, 0, .7), 20 0 -1px 0 0 rgba(0, 0, 0, .7) inset, 21 0 1px 2px 1px rgba(0, 0, 0, .6); 22 border: none; 23 outline: none; 24} 25 26.button:active { 27 background: #181818; 28 box-shadow: 0 0 0 1px rgba(0, 0, 0, .7) inset, 29 0 1px 0 0 rgba(255, 255, 255, .05), 30 0 1px 2px 1px rgba(0, 0, 0, .6) inset; 31}
510 views
510 views
MIT License