form layout with glassmorphism css
form layout with glassmorphism css
xxxxxxxxxx.login { background: rgba(255,255,255,0.05); backdrop-filter: blur(10px); border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2); box-shadow: 5px 5px 30px rgba(0,0,0,0.2); border-radius: 3px;}Source: dev.to
Closely Related Answers
xxxxxxxxxxbackground: rgba(255, 255, 255, 0.2);border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.3);Source: css.glass
xxxxxxxxxx.card { /* other styles */ background: rgba(255, 255, 255, .7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}Source: www.freecodecamp.org
xxxxxxxxxx/* From https://css.glass */background: rgba(255, 255, 255, 0.2);border-radius: 16px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border: 1px solid rgba(255, 255, 255, 0.3);Source: css.glass
Twitter 
LinkedIn