CSS фильтры

Пример CSS-фильтров, размытие, яркость, контрастность, инверсия, преобразование в черно-белые оттенки и прочее.
<style> .filter-result { } </style> <div class="filter-result"> <div style="color: #f00">Красный текст</div> <div style="color: #0f0">Зеленый текст</div> <div style="color: #00f">Голубой текст</div> <img class="filter-image" src="images/butterfly.jpg"> </div>

Пример кода для применения CSS-фильтра.

Красный текст
Зеленый текст
Голубой текст
butterfly
BLUR
BRIGHTNESS
CONTRAST
GRAYSCALE
HUE-ROTATE
INVERT
OPACITY
SATURATE
SEPIA