CSS предоставляет несколько фильтров, которые позволяют изменять внешний вид элементов, применяя к ним различные эффекты. Некоторые из наиболее распространенных фильтров в CSS:

1. blur() - применяет размытие к элементу.
2. brightness() - изменяет яркость элемента.
3. contrast() - изменяет контрастность элемента.
4. drop-shadow() - добавляет тень к элементу.
5. grayscale() - применяет черно-белый эффект к элементу.
6. hue-rotate() - изменяет оттенок элемента.
7. invert() - инвертирует цвета элемента.
8. opacity() - изменяет прозрачность элемента.
9. saturate() - изменяет насыщенность элемента.
10. sepia() - применяет эффект старой фотографии к элементу.

img {
  filter: blur(5px) grayscale(50%);
}

В этом примере мы применяем к изображению эффект размытия и черно-белого фильтра.

Фильтры в CSS могут использоваться для создания различных эффектов и улучшения внешнего вида элементов на странице. Они могут также комбинироваться между собой и с другими свойствами CSS для создания более сложных и интересных стилей.

Назад