Button by hamoode-taha-04
#212121
1.ui-btn { 2 cursor: pointer; 3 border-radius: 5px; 4 color: rgb(219, 218, 218); 5 border-style: solid; 6 background-color: transparent; 7 border-color: rgb(219, 218, 218); 8 width: 120px; 9 height: 40px; 10 transition: 0.2s ease; 11 text-transform: uppercase; 12 border-width: 2px; 13 font-weight: 500; 14 font-size: 18px; 15 letter-spacing: 2px; 16} 17.ui-btn:hover { 18 color: rgb(247, 247, 247); 19 background-color: rgb(42, 145, 73); 20 border-color: rgb(42, 145, 73); 21 text-shadow: 0 0 50px white, 0 0 20px white, 0 0 15px white; 22 box-shadow: 0 0 50px rgb(42, 145, 73), 0 0 30px rgb(42, 145, 73), 23 0 0 60px rgb(42, 145, 73), 0 0 120px rgb(42, 145, 73); 24 font-size: 20px; 25 width: 130px; 26 height: 50px; 27 letter-spacing: 3px; 28} 29.ui-btn:active { 30 width: 115px; 31 height: 38px; 32 letter-spacing: 0px; 33} 34
385 views
Variation of abutton
MIT License