CSSで影付きの袋文字

CSSで影付きの袋文字はどのように作成したらよいでしょうか。

行動規範の内容に同意します

回答2件

"css テキスト袋文字" で web 検索してみました。そして、こんなページをみつけました。

TextShadowで作る文字の色々なデザイン（グロウ、エンボス、ベベル、袋文字、ぼかし、3D） http://www.yoheim.net/blog.php?q=20121103

...
color: #ccc;
text-shadow: 1px 0px 0px #005500, 0px 1px 0px #005500, -1px 0px 0px #005500, 0px -1px 0px #005500;
...

http://jsdo.it/katoy/mbB4 で試してみました。

投稿2015/12/26 15:56

katoy

総合スコア22328

css
1/* for modan browser */
2text-shadow:0px 1px 1px red,0px 0px 1px red,1px 0px 1px red,0px -1px 1px red,-1px -1px 1px red,-1px 0px 1px red;
3
4/* for IE */
5filter:dropshadow(color=red,offx=0,offy=1,positive=1),dropshadow(color=red,offx=0,offy=0,positive=1),dropshadow(color=red,offx=0,offy=-1,positive=1),dropshadow(color=red,offx=-1,offy=-1,positive=1),dropshadow(color=red,offx=-1,offy=0,positive=1);