| ポイント |
<![CDATA[
myIMG.filters[0].strength = en;
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=13,direction=45)">
]]>
|
| 説 明 |
IE5.5以降では画像などにモーションブラー（モーションぼかし）を施すことができます。スタイルシートでprogid:DXImageTransform.Microsoft.MotionBlurを指定しstrengthで強さ（ぼかしの長さ）、directionで角度を指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像にモーションブラーをかける</title>
<script language="JavaScript"><!--
en = 13;
function setStrength(n)
{
en += n;
myIMG.filters[0].strength = en;
}
// --></script>
</head>
<body>
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=13,direction=45)">
<br>
<a href="javaScript:setStrength(1)">1</a>加算<br>
<a href="javaScript:setStrength(-1)">1</a>減算<br>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像にモーションブラーをかける