How to make a joke with CSS in chrome geek style

How to use CSS to chrome geek joke, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can get something.

Disclaimer: let the parody be held responsible for all the consequences of the parody. This article does not bear any responsibility.

Note: this article takes chrome as an example.

1. The web page is upside down

The code is as follows:

Body {- webkit-transform: rotate (180deg);}

two。 Web page rotation

The code is as follows:

Body {- webkit-animation: spin 5s linear infinite;}

3. All the pictures on the web page are upside down

The code is as follows:

Img {- webkit-transform: rotate (180deg);}

4. All the pictures on the page are rotated.

The code is as follows:

Img {- webkit-animation: spin 1s linear infinite;}

5. The web page fell to the ground (please test with a web page with more than multiple screens)

The code is as follows:

Html, body {height: 100%;} html {- webkit-perspective: 1000;} body {- webkit-transform-origin: bottom center;-webkit-transform: rotateX (- 90deg);-webkit-animation: fall 1.5s ease-in;}

Some websites will not work, turn down the page, there is a sense of free fall

The above is for entertainment only.

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.