タグ

2013年7月27日のブックマーク (1件)

  • [CSS3]text-shadowサンプル

    今回はよく使うCSS3のtext-shadowの小技を紹介しますよ。 気に入ったのをコピペで使ってください。 IEは適応外なので、この内容は他のブラウザで見てください。IE10は採用されるらしいです。 text-shadowの基の指定方法は以下です↓ 【text-shadow: (x軸/横にいくつ広げるか) (y軸/縦にいくつ広げるか) (ぼかし値) (影の色);】 text-shadow: 1px 1px 1px #000; 基のドロップシャドウはこんな感じ。わかりやすくつけたけど、もう少し影を薄くしたほうがプロっぽいかも。 Basic #t1 { text-shadow: 2px 2px 1px #999; } インセット ぼかし無しの明るめのシャドウを少しつけると、文章が読みやすくなることが多いです。 Life consists not in holding good ca

    [CSS3]text-shadowサンプル