CSS - Mac OSXドックをCSSで作成するには？高さや幅以外の3番目のパラメータはありますか？

Question

この3D変形ドックのスタイルを、「高さ」を持ち、高さと幅だけではなく、どのようにスタイルを設定しますか？ここで

（下部の丸みを帯びたコーナーのお知らせは、いくつかのグレーの "深さ" は3-5ピクセルの周りにあります）

は私のCSSが今どのように見えるかです：

.dock{ 
    transform: matrix3d(1,0,0.00,0,0.00,1,0.00,-0.0015,0,0,1,0,0,0,0,1); 
    width:800px; 
    height:80px; 
    perspective: 300px; 
    opacity:0.8; 
    position:fixed; 
    bottom:20px; 
    left:50%; 
    margin-left: -400px; 
    border-radius:5px; 
    background: -webkit-linear-gradient(grey, white); 
} 

大変助けになりました！

編集：ありがとうございました。 5分以内にこれを入手してください。素晴らしい！

Answer 1

transform: perspective(200px) rotateX(45deg);が該当します。値を変更することができます。

複数のノードを同じ消失点に変換する場合は、perspective -css-propertyについて読む必要があります。 `ドロップシャドウ（）：https://css-tricks.com/almanac/properties/p/perspective/