○「filter」プロパティで、文字列や画像の下にグラデーションをかける処理の方法を紹介します。 ○背景に、「background-color:transparent;」というプロパティ（background-color）の属性（transparent）を 入れなければならないので、必ず入れてください。m(_ _)m
○最初の色（赤）から最後の色（青）を指定し、「上から下（縦方向）」にグラデーションをかける。 【例文】 ||<#0000ff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; color:white; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolor str=#900000ff, gradienttype=0);' ``縦方向にする。「gradienttype=0」|| ||<#ffffff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#90 0000ff, gradienttype=0);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]|| ||<#0000ff' style' padding:1px; width:560px;' ``|| 【実際】
○最初の色（赤）から最後の色（緑）を指定し、「左から右（横方向）」にグラデーションをかける。 【例文】 ||<#0000ff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; color:white; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#9000ff00, gradienttype=1);' ``横方向にする。「gradienttype=1」|| ||<#ffffff' style=' padding:0px; width:560px;' ``|| ||<#ffffff' style=' padding:10px; width:540px; text-align:center; background-color:transparent; filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=#ffff0000, endcolorstr=#90 00ff00, gradienttype=1);' ``[[img(http://img.blogs.yahoo.co.jp/ybi/1/f5/8c/bea_nies/folder/577181/img_577181_43162809_0?20061022115155.jpg)]]|| ||<#0000ff' style' padding:1px; width:560px;' ``|| 【実際】
以上です m(_ _)m |
|||||||||||||||||||||||||||||||||||||||||||||||||||||
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ホームページ
●ともさん＞ 記事、見ました！ 出来て良かったです〜 ＼(^o^)／
2006/10/24(火) 午後 1:17
●そらさん＞ いつも、傑作ボタンを押してくれてありがとうございます！ 嬉しい〜 ＼(^o^)／
2006/10/24(火) 午後 1:18
●オカンさん＞ コピーして、ゆっくり試してくださいね！ (^_-)-☆
2006/10/24(火) 午後 1:21
●マメタンクさん＞ 大丈夫、大丈夫！ 途中の行を、改行するだけで出来ますよ。試してくださいね！ (^_-)-☆
2006/10/24(火) 午後 1:33
やってみましたょー 「息抜き」に載せました ありがとうね〜〜
2006/10/24(火) 午後 7:29
お久しぶりです！！またまた、すごいブログになっていて、驚きましたー！
2006/10/27(金) 午前 0:33 [ あだむ ]
びーにぃさんこのグラデーション！！綺麗ですね改めてみていますよ！！
2006/10/28(土) 午後 7:44 [ kki*o*o_*oi1*5 ]
凄いですね。まだこんなに綺麗に掲載するような写真の腕が無いので、もう少し腕をあげたら使わせていただきます。いつもお世話になっています。
2006/10/29(日) 午前 8:32 [ - ]
●オカンさん＞ 作ってくれて、ありがとうございます！ とても嬉しいです〜 ＼(^o^)／
2006/10/29(日) 午後 0:29
●あだむさん＞ お久しぶりです。フィルタ効果がたくさんあるので、また記事を書こうと思っています。(^_^)v
2006/10/29(日) 午後 0:31
●そらさん＞ 綺麗な色でしょ！ また作ってくださいね！ (^_-)-☆
2006/10/29(日) 午後 0:32
●太郎さん＞ こちらこそ、ありがとうございます！ 今度、綺麗な写真が出来上がったら、ゆっくり見に行きますね！ (^_-)-☆
2006/10/29(日) 午後 0:35
初めまして、お勉強させていただきます。お気に入り登録もさせてね
2006/10/30(月) 午後 5:02
●マコさん＞ 見に行きました！ 楽しんで行きましょうね〜 (^_^)v
2006/11/2(木) 午後 0:57
ぴーにーさんはファン限定ではなかったので ソースを出させて戴きましたが… 「教えて戴いたブログ術」に 載せました
2006/11/11(土) 午後 7:36
●オカン＞ 見に行きました！ 綺麗な記事になって、本当に良かったですね〜 (^_-)-☆
2006/11/12(日) 午後 0:58
出来るかなぁ〜〜。出来たら、報告しますね〜〜！
2006/12/13(水) 午後 10:59 [ あだむ ]
●あだむさん＞ あだむさんは頭が良いから、簡単に出来ますよ！ (^_-)-☆
2006/12/14(木) 午後 7:13
お久しぶりです。これ綺麗ですね。挑戦して見ます
2007/5/1(火) 午後 7:51
●ＬＢさん＞ 「filter」には多くの効果があるので、じっくり読んで試してください。(^_-)-☆
2007/5/5(土) 午前 11:48