ABOUT ME

@Eiju Web Designer/Engineer

本サイトに掲載しているコードや画像は全てフリー素材として公開しております。私用商用問わず、ご自由にお使いください。
なお、本サイト内で紹介している外部のライブラリ等につきましては、提供元のサイトにて使用許諾等をご確認ください。

CSS関係

画像の形に影をつける方法（CSS-Only）

更新日：2023.2.14

See the Pen Untitled by Wentertainment (@wenterme) on CodePen.

画像の形に影をつける方法。
影を付けたい画像にCSSで「filter: drop-shadow(○px □px △px #color);」を指定すればOK!
「○」には影のX方向幅（offset-x）を、「□」には影のY方向幅（offset-y）を、「△」には影をぼかす半径（blur-radius）を指定する。（text-shadowやbox-shadowといっしょ）
子要素にも影が付くので注意！🚨