影の作り方2

僕でも出来た
在宅アルバイトTOPへ
■役立つ情報
タグの説明
二重線
影の作り方
影の作り方2
文字を動かす
JavaScript
前のページは影を付けるというか立体的にしただけなので、
今度こそ影の付け方を説明致します(^^;
影の枠1
影の枠2
影の枠3
3つほどありますが、
1は普通の影を付けるだけのタイプ。
2は影の部分をグラデーションにしています。(IE専用)
3は全体的ににじませています。(IE専用)
タグはCSSでまとめるのが良いかと思われます(^^;

影の枠1(width:枠の大きさを指定 background-color:影の色 border:枠の太さと色指定)

影の枠2(opacity=グラデーション始まり指定 finishopacity=グラデーション終り指定)
影の枠3(direction=にじませる角度 strength=にじませる強さ)
説明としましては、
margin(上、右、下、左の順番)で場所をずらしておいて、
positionで相対位置に置くというものです。
ぼかしやグラデーションはfilterを使っています。(IE専用です)
僕でも出来た在宅アルバイト! ←のように文字にも使う事ができます。

影が付く文字(offx=右 offy=下 -(マイナス)指定すると逆になります。)

僕でも出来た在宅アルバイト
TOPへ