画像や文字を波打っているように見せる実験

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>
<body>

<div class="wave1">US WAVE RACE 2010
</div>

</body>


画像や文字を波打っているように見せる
add=0 元のスタイル表示の有無を設定
freq=8 周波数(繰り返し数)を整数で表示
lightstrength=30 光の強弱表現する光の強さをパーセンテージで表現
phase=20 位相のずれを整数で表示
strength=5 左右の振幅を整数で指定する