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-фильтра.