CSS filters

An example of CSS filters, blur, brightness, contrast, inversion, conversion to black and white, and more.
<style> .filter-result { } </style> <div class="filter-result"> <div style="color: #f00">Red text</div> <div style="color: #0f0">Green text</div> <div style="color: #00f">Blue text</div> <img class="filter-image" src="images/butterfly.jpg"> </div>

Sample code for applying a CSS filter.

Red text
Green text
Blue text
butterfly
BLUR
BRIGHTNESS
CONTRAST
GRAYSCALE
HUE-ROTATE
INVERT
OPACITY
SATURATE
SEPIA