codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-свойства/backdrop-filter
← aspect-ratiobackground →
CSS-свойства
align-contentalign-itemsalign-selfanimationaspect-ratiobackdrop-filterbackgroundbackground-colorbackground-imagebackground-positionbackground-repeatbackground-sizeborderborder-colorborder-radiusborder-styleborder-widthbottombox-shadowbox-sizingclearcolorcontentcursordisplayfilterflexflex-basisflex-directionflex-growflex-shrinkflex-wrapfloatfontfont-familyfont-sizefont-stylefont-weightgapgridgrid-areagrid-columngrid-rowgrid-template-areasgrid-template-columnsgrid-template-rowsheightjustify-content@keyframesleftletter-spacingline-heightlist-stylemarginmax-heightmax-widthmin-heightmin-widthobject-fitopacityorderoutlineoverflowpaddingplace-contentplace-itemspointer-eventspositionrighttext-aligntext-decorationtext-overflowtext-transformtoptransformtransitionuser-selectvisibilitywhite-spacewidthword-breakz-index

backdrop-filter

Фильтр к области ПОД элементом (эффект матового стекла).

Сигнатураbackdrop-filter: blur() | brightness() ...

Свойство backdrop-filter применяет эффекты к тому, что находится позади полупрозрачного элемента. Классика — «матовое стекло» через blur().

.glass {
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
}
← Все записи: CSS-свойства
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах