[CSS]テキストに面白いエフェクトを与えたデモと実装の注意点

Fun With Blurred Text デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 テキストにブラー効果を与える方法と注意点 テキストにブラー効果を与えたデモ テキストにブラー効果を与える方法と注意点 テキストにぼんやりとさせるブラー効果を与えるのは、簡単です。テキストのcolorを透明にし、text-shadowを使用します。 .blurry-text { color: transparent; text-shadow: 0 0 5px rgba(0,0,0,0.5); } しかし、このままでは危険です。colorには対応していて、text-shadowには対応していないブラウザでは、何も見えない状態になってしまいます。 これを解決するには、「modernizr」を使用して、対応ブラウザかどうか確認して適用します。 .textshadow .blurry-t

[yuta0121]

　テキストにエフェクトをかける

[www-tmcc]

Reader

[hidehish]

見てる:

[nors]

http://css-tricks.com/fun-with-blurred-text/

[kkeisuke]

css3

[iumem]

帰ったらちょっと試してみよう。

[junta1999]

ブラー

[Donca]

✔ [CSS]テキストに面白いエフェクトを与えたデモと実装の注意点