Как добавить размытие на фоне кнопки?

Как можно добавить эффект размытия фона внутри кнопки?
  • 21 мая 2024 г. 19:50
Ответы на вопрос 1
Для добавления размытия на фоне кнопки можно использовать CSS свойство filter со значением blur. Например, чтобы добавить размытие на фоне кнопки на 5 пикселей, можно написать следующий CSS код:

```css
button {
    background-image: url('фоновое изображение.jpg');
    filter: blur(5px);
}
```

Таким образом, фон кнопки будет размыт на 5 пикселей. 

Если нужно добавить размытие именно внутри кнопки, можно использовать псевдоэлементы before или after. Например:

```css
button {
    position: relative;
}

button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: blur(5px);
    z-index: -1;
}
```

Этот код добавит псевдоэлемент before внутри кнопки, на котором будет применен эффект размытия.
Похожие вопросы