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

K

CSS Filters

Apply graphical effects like blur or color shift to an element.

Basic Effects

Blur0px

Opacity1

Saturate100%

Color Adjustments

Brightness100%

Contrast100%

Grayscale0%

Hue Rotate0deg

Invert0%

Sepia0%

Drop Shadow (Filter)

X Offset0px

Y Offset0px

Spread/Blur0px

Color

Filter Preview

.filtered-element

CSS Output

.filtered-element {

filter: none;

}