Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/CSS/filters

Как работают CSS Filters (`filter`, `backdrop-filter`)?

СобеседованиеДополнительные темы
  • filter — применяется к элементу: blur(), brightness(), contrast(), grayscale(), hue-rotate(), invert(), opacity(), saturate(), sepia(), drop-shadow()
  • backdrop-filter — к области ЗА элементом (стекло-эффект): backdrop-filter: blur(10px)
  • drop-shadow() vs box-shadow: drop-shadow следует форме элемента (включая прозрачность PNG)
  • filter создаёт stacking context и containing block для fixed позиционирования
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov