Размыть картинку (текст)

Размыть картинку можно через свойство filter: blur() и backdrop-filter: blur().

.blur {
  /* размывает текущий элемент */
  filter: blur(3px); 

  /* размывает элементы, которые находятся под текущим */
  backdrop-filter: blur(3px);
}

Пример (обычная картинка и картинка с эффектом):

Данный эффект можно применять к любому HTML-элементу, в том числе к тексту:

Обычный текст Размытый текст