filter
filter: none | <filter-function-list>
📝 Описание
Применяет графические эффекты к элементу.
Значение по умолчанию: none
🎯 Возможные значения
blur(<length>)— размытиеbrightness(<number>)— яркостьcontrast(<number>)— контрастностьgrayscale(<number>)— оттенки серогоhue-rotate(<angle>)— поворот оттенкаinvert(<number>)— инверсияsaturate(<number>)— насыщенностьsepia(<number>)— сепияdrop-shadow()— тень
.image {
filter: blur(5px) brightness(1.2);
}
🌐 Поддержка браузеров
Chrome 53+, Firefox 35+, Safari 9.1+