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

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

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

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

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

-webkit-background-clip: padding-box;

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

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

Ваш адрес email не будет опубликован.

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