blur()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨сентябрь 2016 г.⁩.

ФункцияCSSblur() применяетразмытие по Гауссу к входному изображению. Его результатом является<filter-function>.

Интерактивный пример

filter: blur(0);

filter: blur(4px);

filter: blur(1.5rem);

<section>  <img          src="/shared-assets/images/examples/firefox-logo.svg"    width="200" /></section>

blur(radius)

radius: Радиус размытия, выраженный в<length>. Он определяет отклонение от стандартной функции Гаусса, то есть как много пикселей на экране смешиваются друг с другом. Таким образом, большее значение даст большее размытие. Значение0 оставит изображение без изменений.

css

blur(0)        /* Без эффекта */blur(8px)      /* Размытие с радиусом 8px */blur(1.17rem)  /* Размытие с радиусом 1.17rem */

This page was last modified on⁨7 нояб. 2025 г.⁩ byMDN contributors.