マテリアルデザインエレベーション補正CSS

Question

マテリアルデザインのカードの高さのすべてのボックスシャドウについて、公式のCSSコードが見つかりません。

Calculating shadow values for all Material Design elevations

私はこれらの答えを読んだが、彼らは、私は迅速な検査を行う際に、Googleがhttp://www.google.com上の検索ボックスに使用されるボックスシャドウと整列しません。

Googleは検索ボックスに使用している箱-shadowがこのCSSです：

box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); 

は、すべての標高のための公式のCSSはありますか？

Answer 1

上げたときに休んと8DPたときにGoogleのによってhttps://material.io/guidelines/によると、カードは2DPの上昇を持っている必要があります。

そしてhttps://pixplicity.comによると、

ldpi @ 1.00dp = 0.75px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
mdpi @ 1.00dp = 1.00px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
tvdpi @ 1.00dp = 1.33px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
hdpi @ 1.00dp = 1.50px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
xhdpi @ 1.00dp = 2.00px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
xxhdpi @ 1.00dp = 3.00px = 1.00sp = 0.16mm = 0.01in = 0.45pt 
xxxhdpi @ 1.00dp = 4.00px = 1.00sp = 0.16mm = 0.01in = 0.45pt 

CSSでボックスシャドウサイズを取得するために、これらの変換を使用してみてください。

注：デスクトップで、安静時の標高は、あなたが、それはカードのために、あなたにガイドラインが対象となるelevetion、より具体的に説明してくださいでした0dp

幸運:)