639 views
1button { 2 padding: 1em 1.6em; 3 border: 0; 4 transition: all .5s ease-in-out; 5 font-size: 17px; 6 letter-spacing: 0.1rem; 7 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 8 color: rgb(0, 0, 0); 9 font-weight: bolder; 10 backdrop-filter: blur(5px); 11 background-color: rgba(255, 255, 255, 1); 12 border-radius: 26px; 13 box-shadow: 0px 0px 0px 0px rgba(145, 192, 255, 0.5), 14 inset -8px -8px 16px 0px rgba(145, 193, 255, 0.973), 15 inset 0px 11px 28px 0px rgb(255, 255, 255); 16} 17 18button:hover { 19 transition: all .5s ease-in-out; 20 backdrop-filter: blur(5px); 21 background-color: rgba(255, 255, 255, 1); 22 border-radius: 26px; 23 box-shadow: 0px 0px 0px 0px rgba(145, 192, 255, 0.5), 24 inset 8px -8px 16px 10px rgb(145, 193, 255), 25 inset 0px 11px 28px 0px rgb(255, 255, 255); 26} 27 28button:active { 29 border-radius: 26px; 30 box-shadow: 0px 0px 0px 0px rgba(145, 193, 255, 0.822), 31 inset -8px -8px 16px 10px #91c0ff99, 32 inset 0px 11px 28px 50px rgb(255, 255, 255); 33}
ercnersoy
Ercan Ersoy
MIT License