Glassmorphism Generator

10px
0.5
15px
1px

Generated CSS

.glass-element {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 15px;
    border: 1px solid #ffffff;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  }
CSS Copied!