Open the page gradient effect

Page conversion effects (trans) are divided into four categories: "Page-Enter", "page-Exit", and "Site-Enter), "Leave site" (site-exit ). Each category is divided into 25 sub-categories. The following uses the webpage effect as an example:

Effect of webpage access

1. The mixed effect code is as follows:

<Meta http-equiv = "Page-Enter" content = "blendtrans (duration = 1.0)">

2. The code for the box-like shrinking effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 0)">

3. The code for the box-like radiation effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 1)">

4. The code for circular contraction is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 2)">

5. The circular radiation effect code is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 3)">

6. The code for the upward erasure effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 4)">

7. The code for the downward erasure effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 4)">

8. The code for right erasure is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 6)">

9. The code for erasing the effect to the left is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 7)">

10. The code for the vertical masking effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 8)">

11. The code for the horizontal masking effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 9)">

12. The code for the horizontal board effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 10)">

13. The code for vertical chess and disc effects is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 11)">

14. The code for splitting the results is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 12)">

15. The code for indent left and right to the center is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 13)">

16. The code for expanding the performance from the center to the left and right is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 14)">

17. The code for indent the up and down to the center is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 16)">

18. The code for expanding the performance from the center to the bottom is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 17)">

19. The code for extracting results from the bottom left is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 18)">

20. The code for extracting results from the top left is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 19)">

21. The code for extracting results from the bottom right is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 20)">

22. The code for extracting results from the top right is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 21)">

23. The code for the random horizontal line effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 22)">

24. The code for the random vertical line effect is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 22)">

25. The random effect code is as follows:

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = 1.0, transition = 23)">

Now let's analyze the code. First of all, we can see that the code is very similar in most places. In fact, although there are many categories, the 25 sub-classes in each category correspond to the same one and are identified by numbers (except for the mixed effect blendtrans (duration = 1.0 )), therefore, you do not need to give examples of other categories. You only need to replace "Page-Enter" with "Page-Exit" and "Site-Enter" to enter the site), "site-exit" (leave the site), you can achieve the desired effect, and it is more convenient to remember. "Duration = 1.0" can set the duration of each cycle, in seconds (currently set to 1 second per cycle ).

Note that the effects of the four categories can be set simultaneously on one webpage, but only one effect can be set for each category. In addition, if the webpage is a frame page, the effect cannot be displayed. 21. As long as the webpage transformation effect is properly matched, these changes will impress visitors, even those who are not interested in your site. Especially those who like to learn how to create web pages, they are likely to copy your web pages for study and research. In fact, you just added a short piece of code. ^_^

 

<Meta http-equiv = "Page-Enter" content = "revealtrans (duration = x, transition = y)">

<Meta http-equiv = "Page-Exit" content = "revealtrans (duration = x, transition = y)">

Duration indicates the duration of the filter effect (unit: seconds)

Transition filter type. Which special effect is used? The value ranges from 0 to 23.

0 rectangular narrowing

1. rectangular enlargement

2 rounded down

3. Circular Expansion

4. Refresh from bottom to top

Refresh from top to bottom

6-left-right refresh

7. right-to-left refresh

8 vertical blinds

9 horizontal blinds

10 misplaced horizontal blinds

11 misplaced vertical blinds

Spread

Refresh from around 13 to the center

14. Refresh from center to left

15.

16 up to the middle

17 bottom right to top left

18 top right to bottom left

19 upper left to lower right

20 bottom left to top right

21 horizontal bars

22 vertical bars

23 or more 22 types of random selection

Open the page gradient effect