Background
Glass colour
rgba(255,255,255, 0.10)
Opacity 10%
Blur
Blur amount 16px
Saturation 150%
Border
Show border
Border opacity 20%
Border radius 20px
Shadow
Show shadow
Shadow intensity 20%
Text colour
Card text
#ffffff

Glass Effect

Adjust the sliders to customise your glassmorphism effect in real time. Copy the CSS when you're happy.

Generated CSS 

    

  





Copied!