ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
ぼかしフィルタの実験
＜head＞
＜style type="text/css"＞
＜!--
.alpha1 {
filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=40);
}
.alpha2 {
filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=0);
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.alpha1 {
filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=40);
}
.alpha2 {
filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100,finishopacity=0);
}
--＞
＜/head＞
＜body＞
＜DIV class="alpha1" align="left"＞＜IMG src="1house.gif" class="alpha1"＞＜/DIV＞
＜DIV class="alpha2" align="left"＞＜IMG src="1house.gif" class="alpha2"＞＜/DIV＞
＜/body＞
＜DIV class="alpha1" align="left"＞＜IMG src="1house.gif" class="alpha1"＞＜/DIV＞
＜DIV class="alpha2" align="left"＞＜IMG src="1house.gif" class="alpha2"＞＜/DIV＞
＜/body＞
filter: Blur()
画像をにじませたような効果を出す。
文字の場合は立体的な影付き文字になる。
属性には次のものがある。
add=true|false
trueを指定すると元の画像をにじませた絵の上に上書き表示する。
falseの場合は上書き表示しません。
direction=n
上方向から時計方向の角度を指定する。
右上は45、右下は135になる。
strength=n
にじませの強さを指定する。
＜例＞
＜img src="abc.gif" width=98 height=98
style="filter: Blur(strength=10);"＞
画像をにじませたような効果を出す。
文字の場合は立体的な影付き文字になる。
属性には次のものがある。
add=true|false
trueを指定すると元の画像をにじませた絵の上に上書き表示する。
falseの場合は上書き表示しません。
direction=n
上方向から時計方向の角度を指定する。
右上は45、右下は135になる。
strength=n
にじませの強さを指定する。
＜例＞
＜img src="abc.gif" width=98 height=98
style="filter: Blur(strength=10);"＞
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社