Little Animation on the web page!

I was googling something and suddenly i found this particular technical web site.. http://nishant.hopto.org/wordpress/

There is nothing much in the site but i found this interting though !

And found this Cool thing which we can add to a ASPX page, meta content part and check out the amazing way to ignore the postback.


Just paste the below TAG in your HTML, it will cause IE to use DirectX transformation to render your page. This gives a very cool and pleasing look.


""<"meta equiv="”Page-Exit”" content="”progid:DXImageTransform.Microsoft.Fade(duration=".5)”">""

The way I understand this works is that IE sends a request for the new page but does not clear the page you have on your screen right now. When IE has the second page ready in the buffer, it just uses DirectX to transform the image of the previous page into the image of the new page.

You can try these other effects too :

content=”progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)”
content=”progid:DXImageTransform.Microsoft.Barn(duration=0.5,orientation=horizontal)”
content=”progid:DXImageTransform.Microsoft.Blinds(duration=0.5,bands=5)”
content=”progid:DXImageTransform.Microsoft.CheckerBoard(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Fade(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.GradientWipe(duration=0.5,wipeStyle=0)”
content=”progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=STAR)”
content=”progid:DXImageTransform.Microsoft.Iris(duration=0.5,irisStyle=CIRCLE)”
content=”progid:DXImageTransform.Microsoft.Pixelate(duration=0.5,maxSquare=40)”
content=”progid:DXImageTransform.Microsoft.Wheel(duration=0.5,spokes=5)”
content=”progid:DXImageTransform.Microsoft.RandomDissolve(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Spiral(duration=0.5)”
content=”progid:DXImageTransform.Microsoft.Stretch(duration=0.5,stretchStyle=push)”
content=”progid:DXImageTransform.Microsoft.Strips(duration=0.5,motion=rightdown)”

Plus, you can apply these affects at various points in your site or web pages :

meta http-equiv=”Page-Enter”
meta http-equiv=”Page-Exit”
meta http-equiv=”Site-Enter”
meta http-equiv=”Site-Exit“