BetaCodophile is currently in active development. Features may change rapidly! 🚀

K

Backdrop Filter

Apply graphical effects to the area behind an element.

Basic Effects

Blur0px

Opacity1

Saturate100%

Color Adjustments

Hue Rotate0deg

Brightness100%

Contrast100%

Grayscale0%

Sepia0%

Invert0%

Drop Shadow (Backdrop)

X Offset0px

Y Offset0px

Blur0px

Color

Glass Effect

Adjust the sliders to experiment with the backdrop-filter property.

.glass-card

CSS Output

.glass-element {

backdrop-filter: none;

/* Safari support */

-webkit-backdrop-filter: none;

}