codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/CSS-свойства/filter
← displayflex →
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

filter

Графические фильтры к элементу.

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

Свойство filter применяет эффекты: размытие blur(), яркость brightness(), контраст, grayscale(), drop-shadow(). Функции комбинируются через пробел.

.img { filter: grayscale(1) brightness(1.1); }
← Все записи: CSS-свойства
codechick

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

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