Странный border-radius webkit’а.

Работал над проектом и заметил такую интересную особенность отображения border-radius’а в Safari.

Белые окантовки в скруглениях появляются на темном фоне, на светлых же они не заметны и я до этого никогда не придавал этому значения.

Случайным образом, уже после сдачи верстки, нашел решение этой проблемы.

Нужно прописать для элемента следующее:

-webkit-background-clip: padding-box;

Если border-radius > 18px, то окантовка все равно вылезет, но уже не так заметно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.