[CSS] 漫画風のポップな縁取りと影付きの文字

あまりポップなタイトルを実装する機会はないけれど、ブログの記事のタイトルとかで使ってもいいかも。

実装とサンプル

メロスは激怒した。必ず、かの邪智暴虐(じゃちぼうぎゃく)の王を除かなければならぬと決意した。


  color: #fff;
  text-shadow: 1px 1px 0px #000, 1px 2px 0px #000, -1px -1px 0px #000, -1px -1px 0px #000, 2px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000, 2px 2px 0px #000;

text-shadowを使っているので、対応ブラウザでないと使えないので注意。(IEであればIE9以上)

twitterfacebookhatenafacebook