影を付ける(shadow effect)
エレメントのフレームに影を付けて立体感を出すことができます。ここでは box-shadow プロパティを使った方法を解説します。
box-shadow プロパティはエレメント自体に影を付け、形に自由度はありません。
他に影を付けるには filter プロパティを利用する方法もあります。filter プロパティは、エレメント内の画像の形に合わせて影を付けることができます。
どちらを選ぶかは使用用途によると思います。
エレメントのフレームに影を付けて立体感を出すことができます。ここでは box-shadow プロパティを使った方法を解説します。
box-shadow プロパティはエレメント自体に影を付け、形に自由度はありません。
他に影を付けるには filter プロパティを利用する方法もあります。filter プロパティは、エレメント内の画像の形に合わせて影を付けることができます。
どちらを選ぶかは使用用途によると思います。