Чтобы заблюрить картинку в CSS, вы можете использовать свойство filter, которое позволяет применять фильтры к элементам HTML.
Для создания эффекта размытия (блюра) используйте свойство filter со значением blur() и указанием радиуса размытия. Чем больше радиус, тем сильнее эффект размытия. Например:
img {
filter: blur(5px);
}В этом примере применен эффект размытия к элементу img. Радиус размытия равен 5 пикселям.
Вы также можете использовать свойство opacity, чтобы уменьшить прозрачность картинки и усилить эффект размытия. Например:
img {
filter: blur(5px);
opacity: 0.7;
}Этот код применит эффект размытия с радиусом 5 пикселей и уменьшит прозрачность картинки до 0,7.
Обратите внимание, что эффект размытия может снизить четкость изображения, поэтому используйте его с осторожностью.
