Webサイトの作成:CSS画像に影を付けたい!
CSSで画像の下に影を付けたいときは。。。。
boxshadowを使用する!
boxshadow: offset-x | offset-y | blur-radius | spread-radius | color ;
で指定します。
それぞれの項目は
offset-x
:横の長さoffset-y :縦の長さ
blur-radius :ぼかしの薄さ
spread-radius :ぼかしの長さ
color :色
となる。
具体的には
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);
のように記述する。
参考ドキュメント
box-shadow - CSS: カスケーディングスタイルシート | MDN