On the Internet, there are countless articles introducing special effects for web page production, ranging from characters to the entire interface. However, the transition effect between web pages is relatively small. This article introduces you to a page transition effect - the web page fade-in effect.
The fade-in effect is to gradually display the interface, making people feel that the interface is softer and does not flicker. When it comes to the fade-in effect, many people will be familiar with it. Because it can be seen in many fields, such as movies, television, some image software, etc. Likewise, the same effect can be achieved in web design.
First prepare two web pages: the home page and the special effects web page, add the following code respectively:
Home page:
〈a href="p.htm"〉Click here to enjoy the web page's fade-in special effects〈/a〉
Special effects web page:
〈meta http-equiv="Page-Enter" content="revealTrans(Duration=3.0,Transition=12)"〉
When you click the above link and enter the special effects page, the special effects page code takes effect, and the interface gradually changes from the previous page It becomes blurry and a new page slowly appears, which feels good.