Button by hakemdamer222
#e8e8e8
1button, 2button:focus { 3 font-size: 17px; 4 padding: 10px 25px; 5 border-radius: 0.7rem; 6 background-image: linear-gradient(rgb(214, 202, 254), rgb(158, 129, 254)); 7 border: 2px solid rgb(50, 50, 50); 8 border-bottom: 5px solid rgb(50, 50, 50); 9 box-shadow: 0px 1px 6px 0px rgb(158, 129, 254); 10 transform: translate(0, -3px); 11 cursor: pointer; 12 transition: 0.2s; 13 transition-timing-function: linear; 14} 15 16button:active { 17 transform: translate(0, 0); 18 border-bottom: 2px solid rgb(50, 50, 50); 19} 20
14K views
14K views
omriluz 2. October 2023. at 7:25
2. October 2023. at 7:25
Thats pretty cool
Variations
1 MIT License