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盘开奖套路 腾讯股票行情走势图 辨别真钱假钱的方法 广东26选5计划 北京赛车人工计划 新疆11选5时时彩网 股票推荐买入强推 十一运夺金高手预测 甘肃快3基本走势一定牛 二分时时彩怎么赢 25选5开奖一等奖 asg游戏豆理财平台 精准两波中特全年料 黑龙江6+1开奖结果查询 买基金新手入门必看知识 2020六盒宝典开奖资料大全 天天彩选4最新开奖公告