ポコ・ア・ポコ パソコン教室は・・・ホームページを作ろう
ホームページを作るにはCSSを勉強しなければいけない。
解りやすく、CSSの具体例で説明します。
解りやすく、CSSの具体例で説明します。
画像や文字を波打っているように見せる実験
US WAVE RACE 2010
元の文字
US WAVE RACE 2010
＜head＞
＜style type="text/css"＞
＜!--
.wave1 {
filter:progid:DXImageTransform.Microsoft.Wave(add=0,freq=1,lightstrength=30,phase=4,strength=8);
color:red;
font-size:56px;
font-family:"Impact";
letter-spacing:8px;
font-variant:small-caps;
position:absolute;
top:180px;
left:230px;
}
--＞
＜/head＞
＜style type="text/css"＞
＜!--
.wave1 {
filter:progid:DXImageTransform.Microsoft.Wave(add=0,freq=1,lightstrength=30,phase=4,strength=8);
color:red;
font-size:56px;
font-family:"Impact";
letter-spacing:8px;
font-variant:small-caps;
position:absolute;
top:180px;
left:230px;
}
--＞
＜/head＞
＜body＞
＜div class="wave1"＞US WAVE RACE 2010
＜/div＞
＜/body＞
＜div class="wave1"＞US WAVE RACE 2010
＜/div＞
＜/body＞
画像や文字を波打っているように見せる
add=0 元のスタイル表示の有無を設定
freq=8 周波数(繰り返し数)を整数で表示
lightstrength=30 光の強弱表現する光の強さをパーセンテージで表現
phase=20 位相のずれを整数で表示
strength=5 左右の振幅を整数で指定する
add=0 元のスタイル表示の有無を設定
freq=8 周波数(繰り返し数)を整数で表示
lightstrength=30 光の強弱表現する光の強さをパーセンテージで表現
phase=20 位相のずれを整数で表示
strength=5 左右の振幅を整数で指定する
Copyright 20010 - 2020 ポコ・ア・ポコ株式会社