デザイン
2021.07.01
ボックス要素全体じゃなくて不透明部分にシャドウを付けたい時
cssで影をつける時よく使われるのがbox-shadowプロパティですよね!
ただし、背景が透過している画像を使用する場合には代わりにfilter: drop-shadowを使用すると透過部分ではなく不透明部分に影を付けることができます。
/* 不透明部分に影を付けたい */
filter: drop-shadow(3px 5px 10px #1d1d1d);
この記事に関連するタグ
正しい効果測定は、正しい計測設定から!Googleアナリティクス設定項目チェックシート(無料)
リスティング・Googleアナリティクス・ホームページ・ランディングページなど
Webマーケティングのことなら何でもご相談ください
株式会社マイティーエースでは、様々なWeb広告・Webマーケティングなど
お客様に合ったご提案しています。
興味をお持ちいただけた方は、まずは気軽にご相談ください。