cssで画像に沿った縁取りってどうやってやりますか？

Question

上記のようなアイコンにcssで白い縁取りをしたいのですが、調べても分かりません。
調べた限りでは、

filter: drop-shadow(0 0 10px white);

で白い陰が出来たのですが、

border: 2px solid white;

みたいな感じで濃くしたいです。
よろしくお願いします。

Answer 1

drop-shadowは片側に影を落とすプロパティなので画像の全周につけるのは難しいかもですね。

filter: drop-shadow(3px 3px 0px white) drop-shadow(-3px -3px 0px white) drop-shadow(-3px 3px 0px white) drop-shadow(3px -3px 0px white);

というふうに4つdrop-shadowをかけてあげれば擬似的にはかけられると思いますが、どうでしょう？

Comments

[takawork]

なるほど、cssだと擬似的にしかできないようですね。フォトショ で枠をつけることにしました。ご回答ありがとうございます。