Glass
Blur 12px
Opacity 0.25
Background Color
Border Radius 16px
Border
Border Opacity 0.20
Shadow
Shadow Intensity 0.10
Preview Background
Box Shadow
Gradients
Type
Angle 135°
Color Stops
Border Radius
Border Width 3px
Border Style
Border Color
Text Styles
Font Size 32px
Font Weight 600
Letter Spacing 0px
Line Height 1.4
Text Color
Transform
Decoration
Text Shadow
Offset X 0px
Offset Y 0px
Blur 0px
Shadow Color
CSS Filters
Blur 0px
Brightness 100%
Contrast 100%
Saturate 100%
Grayscale 0%
Sepia 0%
Hue Rotate 0°
Invert 0%
Glass Card
See how the glass effect blurs the solid shapes behind this card.
/* Adjust the controls to see CSS */