【CSS-tips②】画像の被写体のみに影をつけたい 2021年6月10日 HTML/CSS PNGなどの背景が透過されている画像の場合は、box-shadow プロパティを使用すると透過背景を含めた全体に影がついてしまいますが filter: drop-shadow を利用することで、被写体のみに影をつけることができます。 See the Pen CSS_TIPS_02 by PlusOne (@pluseone) on CodePen. <解説> filter: drop-shadow(offset-x offset-y blur-radius color) <対応ブラウザ> ・IEを除く、ほぼすべてのブラウザで対応している Can I use この記事を読む 新しい記事 古い記事