Как пофиксить визуальный глитч с border-radius и transparent + blur?

Question

[luxurypluxury]

Картинка начинает быть видна по углам где закругление, если убрать закругление то всё нормально.

Почему так? overflow: 'hidden' стоит, пробовал прижимать по всем краям, пробовал выступать по -1пкс - одно и тоже.



Код

Answer 1

[Ankhena]

Вот так: https://sitist.ru/bug-border-radius.html

Comments

[luxurypluxury]

Спасибо

Answer 2

[Антон Антон]

двойной clip-path решает проблему https://play.tailwindcss.com/0gwiyaYoBS

Comments

[luxurypluxury]

Спасибо