Button by asgardOP
#22245d
1.button { 2 cursor: pointer; 3 width: fit-content; 4 height: fit-content; 5 padding: 15px; 6 background-color: rgb(223, 223, 223); 7 border-left: 3px solid white; 8 border-top: 3px solid white; 9 border-right: 3px solid gray; 10 border-bottom: 3px solid gray; 11 font-family: "Courier New", Courier, monospace; 12 font-size: 1.1rem; 13 font-weight: 900; 14 outline: 2px solid black; 15} 16 17.button:hover { 18 background-color: rgb(0, 197, 0); 19 color: white; 20 outline-color: white; 21 border-left: 3px solid rgb(0, 255, 0); 22 border-top: 3px solid rgb(0, 255, 0); 23 border-right: 3px solid green; 24 border-bottom: 3px solid green; 25} 26 27.button:active { 28 border-left: 3px solid green; 29 border-top: 3px solid green; 30 border-right: 3px solid rgb(0, 255, 0); 31 border-bottom: 3px solid rgb(0, 255, 0); 32} 33
90 views
90 views
MIT License