Chrome/Opera Draws Box-Shadow falsch ⇐ HTML

[Anonymous]

Chrom/Opera-Outset (nicht Einschub) Box-Shadows mit einem falschen Eckradius. Firefox/Safari rendern es richtig.

Code: Select all

div {
width: 10px;
height: 10px;
border-radius: 2px;
box-shadow: 0 0 0 5px red;
}
< /code>
Der sichtbare Eckradius sollte 7px (2px + 5px) sein. Firefox/Safari machen dies richtig (7px). Bei Chrom/Oper ist der äußere Radius falsch (6px). /> < /thead>


 
[img]https://i.sstatic.net/QS4yDCln.png[/img]




Here is the code to reproduce these images:


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>

Ich bin auf einem M1 -Mac.