巧用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;

}

*/