Как размыть фон css
Ответы
Вячеслав Межуревский
03 октября 2022
CSS свойство filter позволяет вам применять к элементу такие графические эффекты, как размытие и смещение цвета. Фильтры обычно используются для регулировки рендеринга изображений, фонов и рамок. Рассмотрим пример: HTML-файл
<div class="container">
<div class="box"></div>
<div class="box blur-box"></div>
</div>
Стили
/* расположим элементы в ряд */
.container {
display: flex;
gap: 20px;
}
.box {
background-color: #38d9a9;
height: 100px;
width: 125px;
}
/* применим размытие на один из элементов */
.blur-box {
filter: blur(5px);
}
Результат:
0
0