Например, данный
Код: Выделить всё
div {
width: 10px;
height: 10px;
border-radius: 2px;
box-shadow: 0 0 0 5px red;
}
< /code>
видимый радиус углового должен быть 7px (2px + 5px). Firefox/Safari обозначает это правильно (7px). On Chrome/Opera however, the outer radius is incorrect (6px).
Firefox/Safari
Chrome/Opera
< /thead>
< /td>
Вот код для воспроизведения этих изображений:
div {position: absolute;}
#dm {top: 40px; left: 40px; transform: scale(6);}
#d1 {
width: 10px;
height: 10px;
border-radius: 2px;
box-shadow: 0 0 0 5px red;
}
#d2 {
width: 20px;
height: 20px;
border-radius: 7px;
box-shadow: 0 0 0 5px #00fa inset;
margin: -5px;
}< /code>
Я на M1 Mac.
Подробнее здесь: https://stackoverflow.com/questions/796 ... ncorrectly
