巧用CSS文件愚人节恶搞

一、打开浏览器的. 文件

本文以 Chrome 为例(CSS 修改后立即生效)，进入同事或朋友的电脑，按下面方式打开 文件

Mac：~/Library/Application Support/Google/Chrome/Default/User StyleSheets/

Windows XP：系统盘:Documents and Settings用户名Local SettingsApplication DataGoogleChromeUser DataDefaultUser (其他 Windows 系统类似，在个人账号中的找“应用数据” AppData……)

Ubuntu (Chromium)：~/ig/chromium/Default/User StyleSheets/

二、在 文件中添加相应CSS代码

1. 网页上下颠倒

/*

Turn every website upside down

*/

body {

-webkit-transform: rotate(180deg);

}

2. 网页旋转

/*

Spin every Website

*/

body {

/*-webkit-animation: spin 5s linear infinite;*/

}

3. 网页中所有图片上下颠倒

/*

Flip all images upside down

*/

img {

/*-webkit-transform: rotate(180deg);*/

}

4. 网页中所有图片都自转

/*

Spin all images

*/

img {

/*-webkit-animation: spin 1s linear infinite;*/

}

5. 网页倒在地上了(请用内容超过多屏的网页测试)

/*

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;

}

*/