Задать вопрос
kurojneko
@kurojneko

Как убрать границу на срезах при border-radius?

Здравствуйте, столкнулся со странной проблемой. Задал блоку скругленные уголки, но почему то на самих скруглениях, видно тонкую границу. Собственно в блоке несколько слоев, и верхний слой - изображение белое с одного угла, на границе видно изображения с предыдущего слоя, которое проявляется именно в месте среза.
Пока решил уменьшив на пиксель предыдущий слой и наложив такое же скругление, но это явно костыль.
ed1606c5d4224bbba346136483a3d469.png
  • Вопрос задан
  • 423 просмотра
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Уменьшите на 1-2 пикселя радиус скругления у нижнего блока, или увеличьте у верхнего. или наоборот...

https://jsfiddle.net/42esmro5/
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
astralo
@astralo
для "спасибо" есть кнопка [Нравится]
position: relative может поможет ?
Ответ написан
Zhbert
@Zhbert
Technical Writer, Linux user
Я не особо понял про границу (или не заметил ее на приведенной картинке), но в голову пришли два варианта:
1. border: 0;
2. Поиграться с z-index.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы