VIVABlogコンテンツへスキップVIVABlogWordPressやMovableTypeのカスタマイズやWebサイトの制作・運営に役立つ情報など。adblockが有効になっています。text-shadowで文字を立体的に、または陥没させる2010年2月4日(text-shadowを使用した例)フォントの上下左右に影を作って、立体感や陥没を作り出すCSSプロパティ「text-shadow」。昔はダサめのサイトでしか使われていなかったのに、ここ最近は、デザインに凝ったセンスの良いサイトでは必ずといって良いほど使われるようになりました。Opera)でサポートされた事、マシンパワーの飛躍的な向上とブログの普及に伴って、重いサイトへの耐性が出来た事などが考えられますが、ただ単に「流行」というのもあるでしょう。どちらにしても、今が使い時なのは確かです。プラスで右、マイナスで左方向へ。プラスで下、マイナスで上方向へ。値は何がよいのか分からないという人は、まずは、全て1pxでやってみて、値を変更しつつ自分のサイトに合わせるのが良いでしょう。このプロパティは、特に平面で単一なカラーの背景よりも、グラデーションやグラフィカルな背景で使うとより効果的です。