divの画像の周りにCSSを使って効果をフェードインするためにシャドーボックスを上から下へ追加する方法

Question

これは私が望むスタイルです。これを達成するのに役立ちます。

Answer 1

あなたは以下のようにbox-shadowを使用することができます。

Working jsFiddle

div { 
 
    width: 300px; 
 
    height: 100px; 
 
    background-color: red; 
 
    box-shadow: 4px 4px 4px #888888; 
 
}

<div> 
 
    Here you can also put your image 
 
</div>