CSS3: Filters graphical effects

Overview

.filter-monotone {
    filter: grayscale(100%);
}

.filter-invert {
    filter: invert(100%);
}

.filter-blur {
    filter: blur(5px);
}

.filter-brightness {
    filter: brightness(2)
}

.filter-contrast {
    filter: contrast(200%)
}

.filter-sepia {
    filter: sepia(100%)
}

.filter-hue-rotate {
    filter: hue-rotate(90%)
}

.filter-saturate {
    filter: saturate(200%)
}

.filter-opacity {
    filter: opacity(50%)
}