パンピーです。


by kilsh

CSS3で装飾メモ

{CSS3 text-shadow box-shadow の使い方

■text-shadowの使用方法
文字に影をつける

text-shadow:1px(横) 1px(下) 3px(ぼかし) #000(影の色);

■box-shadowの使い方
ボックスの陰をつける

box-shadow: 1px(横) 1px(下) 3px(ぼかし) #000(影の色);

-moz-box-shadow: 1px 1px 3px #000; /* Firefox用 */
-webkit-box-shadow: 1px 1px 3px #000; /* Safari,Google Chrome用 */


下記テスト。
※ブラウザによってはうまく表示されない?

■基本
Font design


■デザインしてみた
Font design

[PR]
by kilsh | 2012-03-27 12:56 | HTML5,CSS3