///

text-shadowを極める

wrote :

text-shadowプロパティは、その名から想像するとおり、テキストに影をつける(ドロップシャドウ)ことができます。

仕様

text-shadow:右方向 下方向 ぼかし 色;

box-shadowでは「広がり」がありますが、text-shadowには「広がり」はありません(参考:box-shadowを極める)。

サンプル

text-shadow:3px 3px #fff;

testテキスト

text-shadow:3px 3px rgba(255,0,0,0.4);

testテキスト

text-shadow:3px 3px 3px rgba(255,0,0,0.4);

testテキスト

プログレッシブ・エンハンスメント

IE8以下では、text-shadowは適用されません。
とはいえ、シャドウがかからなくても情報は正しく伝わるため、プログレッシブ・エンハンスメントを適用しシャドウが適用されないブラウザは残念、ということでぼくはやり過ごすことにします。

川上 武範(かわかみ たけのり)
1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。

企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。

シンプルシンプルデザイン
たびのと
twitter : たけたけ@OnlyTwo

メディア掲載
2016年10月25日 レバテックフリーランスの記事「自作Webサービス記事紹介まとめ」でサイト内の記事「Webサービス「たびのとTOKYO」を作ってみました」を紹介していただきました。