Glassmorphism Generator

{
  "backgroundColor": "rgba(255, 255, 255, 0.5)",
  "backdropFilter": "blur(10px)",
  "color": "#ffffff",
  "borderRadius": "10px",
  "border": "1px solid rgba(255, 255, 255, 0.18)",
  "padding": "20px",
  "boxShadow": "0 8px 32px 0 rgba(31, 38, 135, 0.37)",
  "position": "absolute",
  "left": "50%",
  "top": "50%",
  "transform": "translate(-50%, -50%)"
}

Glassmorphism

This is how your glassmorphism effect will look.