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+