Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

Make page transition/navigation smoother

4.00/5 (1 vote)
8 Mar 2011CPOL 16K  
Make page transition/navigation smoother
Generally, while web-page post-back event fires or we are navigating to the other page from current page, then there are a some white screen flicks before showing the loaded page.

So if we don't want to see that white screen flick and want to navigate smoother on new page, then there is only one line code, actually it's a meta data that we have to add in head section of the HTML page.

Here is the code that we have to add.

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


While we add the above line to the HTML section, then it will change the default behavior of page transition.
Now it will navigate to the next page very smoothly like page content is fading slowly and moving to the next page.

But remember it is meta-tag from Microsoft and it will work only on Internet Explorer.
That is only the worst side of this feature.


DotNet Stuff

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)