S'agit-il d'un problème de chrome pour l'encadré-ombre avec un grand rayon de bordure sur un seul côté?

Question

Est-il un problème pour Chrome box shadow-encart avec grand rayon de frontière seul côté?

Je me demande savoir quel navigateur est correct?

dans Chrome:

dans Firefox:

<div style=" 
 
    border-top-left-radius: 100%; 
 
    box-shadow: inset 0px 0px 0 20px red; 
 
    background-color: #ccc; 
 
    width: 200px; 
 
    height: 100px; 
 
"></div>

Answer 1

Cela semble un problème firefox. Pour cet exemple, je vous suggère d'adapter le CSS pour pouvoir utiliser la bordure.

div{ 
 
border-top-left-radius: 100%; 
 
background-color: #ccc; 
 
width: 160px; 
 
height: 60px; 
 
border:20px solid red; 
 
} 
 
p{ 
 
border-top-left-radius: 100%; 
 
box-shadow: inset 0px 0px 0 20px red; 
 
background-color: #ccc; 
 
width: 200px; 
 
height: 100px; 
 
}

<p></p> 
 
<div></div>

Mise à jour: Je vérifie dans Safari et Opera aussi. Voici comment il ressemble:

-> Safari

-> Opera