PlusOne Blog

【CSS-tips②】画像の被写体のみに影をつけたい

PNGなどの背景が透過されている画像の場合は、box-shadow プロパティを使用すると透過背景を含めた全体に影がついてしまいますが
filter: drop-shadow を利用することで、被写体のみに影をつけることができます。
 

 
<解説>
 

   filter: drop-shadow(offset-x offset-y blur-radius color)

 
 
<対応ブラウザ>
・IEを除く、ほぼすべてのブラウザで対応している
Can I use

 

 

この記事を読む
記事一覧に戻る