April Fool's Day is coming, if you want to have a geek joke with friends or colleagues who want to surf the internet, try these CSS. Disclaimer: All the consequences of the spoof, please the person responsible for the hoax. This site does not assume any responsibility.
Note: This paper takes chrome as an example
1. Page Upside down
The
code is as follows:
Body {
-webkit-transform:rotate (180DEG);
}
2. Web page rotation
The
code is as follows:
Body {
-webkit-animation:spin 5s linear infinite;
}
3. All pictures on the page upside down
The
code is as follows:
img {
-webkit-transform:rotate (180DEG);
}
4. All the pictures on the Web page rotate
The
code is as follows:
img {
-webkit-animation:spin 1s linear infinite;
}
5. Web page DOWN on the ground (please use content over multiple screens of the Web test)
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 sites will not work, down the page, a feeling of free fall
Above just for fun oh laugh