April Fool's Day with CSS to open a geek joke with chrome as an example

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