Inset Transition

Modify the individual properties of the transform using the controls below.
The following code is used to generate this transition.

This transition does not support any additional features.

Product Details

This year's new products should sell very well.
They have many requested features.

Market Data

The market for our products is growing.

15% new
60% old
25% used

<SCRIPT>
var bTranState = 0;
function fnToggle() {
		oDIV2.filters[0].Apply();
	if (bTranState) { 
		bTranState = 0;
		oDIV2.style.visibility="hidden";    }
	else {  
		bTranState = 1;
		oDIV2.style.visibility="visible";   }
		oDIV2.filters[0].Play();
}
</SCRIPT>

<BUTTON onclick="fnToggle()">Toggle Transition</BUTTON>

<DIV ID="oDIV1" STYLE="position:absolute; top:50px; left:10px; width:240px; height:160px;
background:gold"> This is DIV #1  </DIV>

<DIV ID="oDIV2" STYLE="visibility:hidden; position:absolute; top:50px; left:10px; 
width:240px; height:160px; background: yellowgreen; 
filter:progid:DXImageTransform.Microsoft.Inset()">
<BR>This is DIV #2</DIV>