css3
Pocket

cssのfilterにdrop-shadowがあるのは知ってたんですが、box-shadowと同じじゃんと思ってました。

が、実はかなり頭いい奴。以下のcodepenの通りです。

See the Pen shadow by misumi (@mismith0227) on CodePen.

同じpngの画像にシャドウを当てていますが、box-shadowは画像の輪郭に沿ってシャドウを当ててるのに対して、dropshadowは画像の形に沿ってシャドウを当ててくれます。

すげー!

ただし、ご存知の通りfilterはIEには対応しておりません。IEまじでクソ。

Pocket

Category : Tag :