ボックスシャドウがサファリとクロムの両方で同じに見えない

DIVにボックスシャドウ効果を与えました。しかし、同じコードは、サファリでは暗く、クロムでは薄く見えます。クロムブラウザの場合、影は左上に表示されません。ボックスシャドウがサファリとクロムの両方で同じに見えない

.div_wrapper { 
    box-shadow: 4px 4px 15px -6px black; 
    -moz-box-shadow: 4px 4px 15px -6px black; 
    -webkit-box-shadow: 4px 4px 15px -6px black; 
    background: #fff; 
    padding: 10px; 
    width: 400px; 
    height: 400px; 
    margin-bottom: 10px; 
}

出典

2016-04-19 Jayabharathi Lakshana

ボックスのシャドウルールは、逆順に並べる必要があります。 – alex

画面を共有している場合 –

'black'を使用する代わりに、' rgba（） 'を使うことができます。例： 'rgba（0、0、0、0.30）'。 '0.30'の値をより高い値または低い値に変更することができます。例えば。「0.30」が軽く、「0.90」。 – Jer