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

Question

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

Рамиль Мухаметгалиев Ученик (13), на голосовании 5 месяцев назад

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

Answer 1

Blabla Bla Просветленный (29396) 6 месяцев назад

Воспользоваться blur.
https://www.w3schools.com/howto/howto_css_blurred_background.asp

Рамиль МухаметгалиевУченик (13) 6 месяцев назад

в таком случае размывается вся кнопка, а мне нужен только фон

Answer 2

На данный момент поддержка хорошая: backdrop-filter
Тебе нужен самый первый фильтр.
Либо использовать два одинаковых фона, один для страницы второй для кнопки в псевдоэлементе и размывать псевдоэлемент...
Если не сможешь, пиши, я помогу разобраться с этим

Answer 3

backdrop-filter: blur(5px). лучше использовать маленькие значения, очень жрущий стиль. лагать сайтик будет.