ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
画像や文字を波打っているように見せる実験
元の写真
＜head＞
＜style type="text/css"＞
＜!--
.wave {
filter:progid:DXImageTransform.Microsoft.Wave(add=0,freq=8,lightstrength=30,phase=20,strength=5);
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.wave {
filter:progid:DXImageTransform.Microsoft.Wave(add=0,freq=8,lightstrength=30,phase=20,strength=5);
}
--＞
＜/head＞
＜body＞
＜IMG src="image/ph_hifuki.jpg" class="wave" width="473" height="355"＞
元の写真
＜IMG src="image/ph_hifuki.jpg" width="473" height="355"＞
＜/body＞
＜IMG src="image/ph_hifuki.jpg" class="wave" width="473" height="355"＞
元の写真
＜IMG src="image/ph_hifuki.jpg" width="473" height="355"＞
＜/body＞
画像や文字を波打っているように見せる
add=0 元のスタイル表示の有無を設定
freq=8 周波数(繰り返し数)を整数で表示
lightstrength=30 光の強弱表現する光の強さをパーセンテージで表現
phase=20 位相のずれを整数で表示
strength=5 左右の振幅を整数で指定する
add=0 元のスタイル表示の有無を設定
freq=8 周波数(繰り返し数)を整数で表示
lightstrength=30 光の強弱表現する光の強さをパーセンテージで表現
phase=20 位相のずれを整数で表示
strength=5 左右の振幅を整数で指定する
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社