CSS filters

Example of CSS filters, blur, brightness, contrast, inversion, conversion to grayscale, and more.

Red text

Green text

Blue text



<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.