食品伙伴网
信息技术服务中心
新闻资讯 News | 真实、正向、传递价值

当前位置: 首页 » 新闻资讯 » CSS文件恶搞愚人节

CSS文件恶搞愚人节

 

昨天是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;
}
*/
 
 
 

声明:

①凡本网所有原始/编译文章及图片、图表的版权均属食品伙伴网所有,未经授权,禁止转载,如需转载,请联系取得授权后转载。
② 凡本网注明“信息来源:XXX(非食品伙伴网)”的信息,均来源于网络,转载的目的在于传递更多的信息,仅供网友学习参考使用,并不代表本网赞同其观点和对其真实性负责,著作权及版权归原作者所有,转载无意侵犯版权,如有侵权,请速来函告知,我们将尽快处理。
※ 联系方式 电话:18905354956

下一篇:网站建设公司不挣钱的原因 上一篇:百度:2013网站运营方向几点建议
展开