Задать вопрос
@luxurypluxury
css

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

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

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

68d628e9e8115945445078.png

Код
  • Вопрос задан
  • 156 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Вот так: https://sitist.ru/bug-border-radius.html

Ответ написан
1 комментарий
1 комментарий
Fragster
@Fragster
помогло? отметь решением!
двойной clip-path решает проблему https://play.tailwindcss.com/0gwiyaYoBS
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Junior React.js Developer
Lmarkt
от 500 до 1 000 $
Ещё вакансии