Clever use of CSS files April Fool's Day spoof (turn)

Tomorrow is the April 1 April Fool's Day, that is, the moderate joke, the whole tricky days. If you want to make a geek joke with a friend or colleague who wants to surf the internet, try this foreign netizen Wes Bos shared CSS file.

First, open the browser's custom.css file

This article takes Chrome as an example (effective immediately after CSS modification), enters a colleague or friend's computer and opens the Custom.css file as follows

• Mac:~/library/application Support/google/chrome/default/user Stylesheets/custom.css
• Windows XP: System disk: \documents and Settings\ user name \local Settings\Application Data\google\chrome\user Data\default\user Stylesheets\custom.css (similar to other Windows systems, find "app data" in your personal account AppData ... ）
• Ubuntu (Chromium): ~/.config/chromium/default/user stylesheets/custom.css

Second, add the corresponding CSS code in the Custom.css file

　　1. Page Upside down

/* Turn every website upside down*/body {-webkit-transform:rotate (180deg);}

　　2. Web page rotation

/* Spin every website*/body {/*-webkit-animation:spin 5s linear infinite;*/}

　　3. All images on the page are upside down

/* Flip All images upside down*/img {/*-webkit-transform:rotate (180deg); */}

　　4. All the images on the web are rotated

/*spin all images*/img {/*-webkit-animation:spin 1s linear infinite;*/}

　　5. The Web page fell to the ground (please use the content more than a multi-screen test page)

/*make every website fall over!*//*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 ;} */

Clever use of CSS files April Fool's Day spoof (turn)