blur()

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

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

Синтаксис

blur(radius)

Параметры

radius

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

Пример

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

Смотрите также