CSS Filters


No filter

Blur filter

-webkit-filter: blur(1px);
filter: blur(1px);


No filter

Brightness filter

-webkit-filter: brightness(150%);
filter: brightness(150%);


No filter

Contrast filter

-webkit-filter: contrast(150%);
filter: contrast(150%);


No filter

Drop-shadow filter

-webkit-filter: drop-shadow(0px 0px 10px black);
filter: drop-shadow(0px 0px 10px black);


No filter

Grayscale filter

-webkit-filter: grayscale(1);
filter: grayscale(1);


No filter

Hue-rotate filter

-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);


No filter

Invert filter

-webkit-filter: invert(.9);
filter: invert(.9);


No filter

Opacity filter

-webkit-filter: opacity(30%);
filter: opacity(30%);


No filter

Saturate filter

-webkit-filter: saturate(190%);
filter: saturate(190%);


No filter

Sepia filter

-webkit-filter: sepia(70%);
filter: sepia(70%);