blur()
.blur {
-webkit-filter: blur(2px);
filter: blur(2px);
}
brightness()
.brightness {
-webkit-filter: brightness(1.5);
filter: brightness(1.5);
}
contrast()
.contrast {
-webkit-filter: contrast(2);
filter: contrast(2);
}
drop-shadow()
.drop-shadow {
-webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7));
filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.7));
}
grayscale()
.grayscale {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
hue-rotate()
.hue-rotate {
-webkit-filter: hue-rotate(45deg);
filter: hue-rotate(45deg);
}
invert()
.invert {
-webkit-filter: invert(1);
filter: invert(1);
}
opacity()
.opacity {
-webkit-filter: opacity(.5);
filter: opacity(.5);
}
saturate()
.saturate {
-webkit-filter: saturate(2);
filter: saturate(2);
}
sepia()
.sepia {
-webkit-filter: sepia(1);
filter: sepia(1);
}
sepia() hue-rotate()
.sepia-hue-rotate {
-webkit-filter: sepia(1) hue-rotate(120deg);
filter: sepia(1) hue-rotate(120deg);
}
sepia() hue-rotate() blur()
.sepia-hue-rotate-blur {
-webkit-filter: sepia(.9) hue-rotate(280deg) blur(2px);
filter: sepia(.9) hue-rotate(280deg) blur(2px);
}
brightness() contrast()
.brightness-contrast {
-webkit-filter: brightness(1.1) contrast(1.3);
filter: brightness(1.1) contrast(1.3);
}