More than 3 years have passed since last update.

filter: drop-shadow() の影を濃くする

Last updated at 2020-01-31Posted at 2020-01-31

透過pngにもオブジェクトの形に沿ってドロップシャドウをかけてくれるdrop-shadow()関数。
ただ、ぼかしを1〜2px、影の色をblackにしても「なんかちょっと弱いな」と感じることがあったので、もっと濃くできないか調べてみた。

https://developer.mozilla.org/ja/docs/Web/CSS/filter
どうやらfilterは組み合わせて使えるらしい。

なのでdrop-shadowに更にdrop-shadowを組み合わせてみた。

See the Pen deepen "drop-shadow()" by 和井内洋介 (@suburbia) on CodePen.

できた。
素晴らしい。