Странное поведение border-radius. Почему просвечивает фон?

Сделал такую кнопку: https://codepen.io/h3ckphy/pen/WNXoXWd
У элемента .btn-icon__dot1 увеличиваю scale до больших значений, чтобы полностью перекрыть всю кнопку.

Проблема в том, что на темном фоне кнопка будто бы полностью не перекрывается и на углах виден просвет фонового цвета кнопки. Я пробовал делать не через scale, а с width и height, но это не помогло. На светлом фоне ничего не заметно, также проблемы нет, если убрать border-radius. Если смотреть через консоль, то видно, что прописанный scale более чем достаточен. Как решить данную проблему?

61ffcfb139323254798065.png
61ffd03441c76086732460.png
  • Вопрос задан
  • 221 просмотр
Пригласить эксперта
Ответы на вопрос 2
Elena0394
@Elena0394
Никак. Все дело в том, что пиксели квадратные
Ответ написан
RAFAILgaley
@RAFAILgaley
не должно быть такого
у тебя наложение двух фонов происходит поэтому возникают такие дефекты

сделай цвета наоборот
сначала темно синий и потом голубой
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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