Question to say "I can!"

巧用CSS文件愚人節惡搞

2013-04-01

4月1日愚人節,也就是那個可適度開玩笑、整蠱的日子了。如果你想和那些要上網的朋友或同事開個極客式玩笑,那就來試試這個國外網友Wes Bos分享的 CSS 文件吧。

  一、打開瀏覽器的 Custom.css 文件

本文以 Chrome 為例(CSS 修改后立即生效),進入同事或朋友的電腦,按下面方式打開 Custom.css 文件

  • Mac:~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css
  • Windows XP:系統盤:\Documents and Settings\用戶名\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css(其他 Windows 系統類似,在個人賬號中的找“應用數據” AppData……)
  • Ubuntu (Chromium):~/.config/chromium/Default/User StyleSheets/Custom.css

  二、在 Custom.css 文件中添加相應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;
}
*/

上面就列舉這些了,其他惡搞內容,請參見下面這段?CSS 代碼

來源:?伯樂在線

作者:admin | Categories:神奇世界 | Tags:

發表評論

電子郵件地址不會被公開。 必填項已用*標注

*

澳洲f1赛车b盘开奖套路 安徽快3 泷川花音的奶是真的吗 欧美a片女郎 炒白银合法吗 山东11选5 体彩11选5开奖结 三人麻将怎么玩 亚洲片 自动麻将作弊 广东11选5 安徽快3 3d开奖结果是多少 成人黄色片图 日本sm虐网站 股票软件 神庙古墓