テキストにグランジ風のエフェクトをつけるスタイルシート | コリス

janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simple CSS デモ 仕組みは、以前当サイトでも紹介した「テキストにグラデーション効果をつけるスタイルシート」と同じもので、背景画像を変更したものとなっています。 空spanを使用するため好みは分かれると思いますが、画像で作成することに比べて、テキストデータだと修正・更新が容易という利点もあります。 デモは、下記のようになっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h1>This is one very long title with grunge effect<span></span>

[kawawara]

ざらざらになるＣＳＳ

[osanpo_u]

ざらざらになるＣＳＳ

[tahoo_web]

★★★

[nagatsukosuke]

CSSってやっぱりいいよね。

[s00516]

かこいい

[kazumich]

エントリーのタイトルとかの飾りに使ってみるのもいいかもしれない

[Naoki1]

テキストにグランジ風のエフェクトをつけるスタイルシート

[wims_Tea]

テキストにグランジ風のエフェクトをつけるスタイルシート