Filter:blendTrans
2つの画像をブレンドしながら表示します。
サンプル画像に、マウスが触れるとモノクロからカラーに画像が変化していきます。
●関連プロパティ
FILTER-ALPHA | FILTER-BLUR | FILTER-CHROMA | FILTER-DROPSHADOW | FILTER-FLIP | FILTER-GRAY | FILTER-GROW | FILTER-INVERT | FILTER-MASK | FILTER-SHADOW | FILTER-WAVE | FILTER-XRAY | REVEAL TRANS
{ filter: blendTrans (duration=time) }
<script langage="JavaScript">
function doBlend() {
img.filters.blendTrans.Apply();
img.src="sample_cr.jpg";
img.filters.blendTrans.Play(); }
</script>
<style type="text/css">
<!--
div { text-align: center; margin: 0px 0px; }
img { filter: blendTrans(duration=2.0); cursor: hand; }
-->
</style>
<div class="sample">
<img id="img" onmouseover="doBlend()" onmouseout="this.src='sampl_bw.jpg'"
src="sample_bw.jpg"></div>
</div>
 |
 |
|---|
