CSS filters
An example of CSS filters, blur, brightness, contrast, inversion, conversion to black and white, and more.Red text
Green text
Blue text
BLUR
BRIGHTNESS
CONTRAST
GRAYSCALE
HUE-ROTATE
INVERT
OPACITY
SATURATE
SEPIA
<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>
Example code for applying a CSS filter.