Various transformation effects of HTML web page switching

Various transformation effects of HTML web page switching
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=n)">

Among them, n represents the following number. Different values ​​of n have different effects:

0. Box in
1. Box out
2. Circle in
3. Circle out
4. Wipe up
5. Wipe down
6. Wipe right
7. Wipe left
8. Vertical blinds
9. Horizontal blinds
10. Checkerboard across
11. Checkerboard down
12. Random dissolve
13. Split vertical in
14. Split vertical out
15. Split horizontal in
16. Split horizontal out
17. Strips left down
18. Strips left up
29. Strips right down
20. Strips right up
21. Random bars horizontal
22. Random bars vertical
23. Random

Blend in

Code:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />

<<:  Use of filter() array filter in JS

>>:  Docker solution for logging in without root privileges

Recommend

Implementing license plate input function in WeChat applet

Table of contents Preface background Big guess Fi...

Uniapp realizes sliding scoring effect

This article shares the specific code of uniapp t...

A comprehensive summary of frequently used statements in MySQL (must read)

The knowledge points summarized below are all fre...

Detailed explanation of using MySQL where

Table of contents 1. Introduction 2. Main text 2....

How to implement vue page jump

1. this.$router.push() 1. Vue <template> &l...

Docker removes abnormal container operations

This rookie encountered such a problem when he ju...

Example analysis of mysql shared lock and exclusive lock usage

This article uses examples to illustrate the usag...

JS realizes the front-end paging effect

This article example shares the specific code of ...

How to install php7 + nginx environment under centos6.6

This article describes how to install php7 + ngin...

Detailed explanation of as, question mark and exclamation mark in Typescript

1. The as keyword indicates an assertion In Types...

Vue uses vue meta info to set the title and meta information of each page

title: vue uses vue-meta-info to set the title an...

Detailed explanation of Strict mode in JavaScript

Table of contents Introduction Using Strict mode ...

How to manage users and groups when running Docker

Docker is a management tool that uses processes a...