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

}

*/

时间: 2024-11-06 17:04:53

巧用CSS文件愚人节恶搞(转)的相关文章

愚人节营销可以这么做,下一次千万别错过了

在每年4月1日愚人节的时候,全球不少企业都会搞一些市场活动,习惯性地跟市场开一把玩笑,除了"刷存在感"这个战术目的之外,其实还可以额外充当新产品的试金石.与此类似,不少男生在这一天向心爱的女生表白,不论女生同意与否,男生都可以进退自如. 文/张书乐 原载于<人民邮电报>2016年12月2日<乐游记>专栏124期 或许你会说,不就是上期专栏里提到<星际争霸2>的愚人节玩笑,后来在万达的玩具里被疑似借鉴了吗?其实不然,谷歌2014年开了个玩笑,结果201

愚人节,不恶搞,我们玩真的。不服来战!

愚人节...与人结,骗人恶搞逗比神马的都弱爆了,以我们互联网界大程序猿的智商,分分钟把你看穿!如此一年一度的盛世大节,就这么平淡过了?别开国际玩笑了,最近又没人惹妹纸我,妹纸不需要在清明节前认真地挖坑,有勇气的就跟妹纸一起玩个游戏吧!怕输的千万别玩,因为会被我瞧不起哦~ 怎么玩?表急呀!今天播妞就来考验考验大家的智慧~会很有趣哟!那么问题来了: 前7个答对的有奖哦~ 奖品是:学习光盘+兔纸姐专属歌曲,百度答案的同学妹纸会再次鄙视你深深的深深的那种! 额···说完了奖品,我们要说答错的惩罚了,如果

002 愚人节的“礼物”

1. 缘起 愚人节就要到了,这两天看到一条热度比较高的新闻:微软禁过愚人节.我想,要不今年在朋友圈发张恶搞的图片?何乐而不为呢? 2. 想法 (1) 一开始,我准备发一张空白的图片 分辨率就取 1080p 吧 打开"画图" 按 ctrl+w (2) 接下来,我觉得写点东西比较好 字体就用 20 号加粗的"微软雅黑"吧 颜色选择"灰色-25%" 写在左下角 (3) 给图片加点料 1) 想起一种把压缩包藏到图片里的方法 关键命令:copy /b a.

nyoj 1870 愚人节礼物

愚人节的礼物 Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submission(s): 6283    Accepted Submission(s): 3805 Problem Description 四月一日快到了,Vayko想了个愚人的好办法——送礼物.嘿嘿,不要想的太好,这礼物可没那么简单,Vayko为了愚人,准备了一堆盒子,其中有一个盒子里面装了礼物.盒子

2014年度辛星解读css第四节

接下来的这一节我计划解说的是超链接和列表的样式,然后我们做出一个导航栏出来,事实上导航栏是很常见的,可是我们这里做得这个有点并不那么完好,等我们学完了css之后再完好它. **************超链接************* 1.我们讲伪类的时候已经讲到了,一个超链接能够有link(正常状态).visited(已经訪问过).hover(获得鼠标焦点)active(被鼠标点击中)这样四个状态,我们前面也分别设置过不同的颜色了,使用选择器:伪类的形式. 2.我们还能够使用background

1045: 愚人节的礼物

1045: 愚人节的礼物 时间限制: 1 Sec  内存限制: 128 MB提交: 169  解决: 137[提交][状态][讨论版] 题目描述 四月一日快到了,Vayko 想了个愚人的好办法——送礼物.嘿嘿,不要想的太好,这礼物可没那么简单,Vayko 为了愚人,准备了一堆盒子,其中有一个盒子里面装了礼物.盒子里面可以再放零个或者多个盒子.假设放礼物的盒子里不再放其他盒子.用()表示一个盒子,B表示礼物,Vayko 想让你帮她算出愚人指数,即最少需要拆多少个盒子才能拿到礼物. 输入 本题目包含

HDU 1070.愚人节的礼物【字符串处理】【思维练习】【8月2】

愚人节的礼物 Problem Description 四月一日快到了,Vayko想了个愚人的好办法--送礼物.嘿嘿,不要想的太好,这礼物可没那么简单,Vayko为了愚人,准备了一堆盒子,其中有一个盒子里面装了礼物.盒子里面可以再放零个或者多个盒子.假设放礼物的盒子里不再放其他盒子. 用()表示一个盒子,B表示礼物,Vayko想让你帮她算出愚人指数,即最少需要拆多少个盒子才能拿到礼物. Input 本题目包含多组测试,请处理到文件结束. 每组测试包含一个长度不大于1000,只包含'(',')'和'

hdoj,愚人节的礼物

 和括号配对问题差不多,不懂的可以先看看括号配对,这几天在学STL,有兴趣的大家一起学,你们可以看看我的气他文章,都是浅显易懂的,适合我们这些初学者 愚人节的礼物 Time Limit : 5000/1000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Total Submission(s) : 20   Accepted Submission(s) : 14 Font: Times New Roman | Verdan

2014年辛星解读css第六节

这一节我们就要讲到布局了,事实上布局本身特别简单.可是要合理的布好局就不那么简单了,就像我们写文章一样.写一篇文章非常easy,可是要写一篇名著就非常难了,这须要我们扎实的功底和对文学的理解,可是.千里之行.始于足下,我们開始吧. ************显示方式************* 1.有时候我们会设置一个元素的显示方式.比方我们在做导航条的时候,就会使用display:inline来使它们成为内联的样式. 2.以下先不说这个display,先说一下visibility属性把,它能够设置