巧用CSS文件愚人节恶搞

2024-05-09 06:27:59

　一、打开浏览器的 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 代码。

转载于:https://www.cnblogs.com/zhicheng/p/3216466.html

巧用CSS文件愚人节恶搞相关推荐

百度愚人节恶搞背后的趋势
愚人节就像是一阵狂风,过了4月1日,大家又开始正经起来,似乎忘记昨天还在调侃.嬉笑.恶搞,真正留下来供回味的,凤毛麟角.今年的惊喜在百度这家公司身上--从资源宾馆诞生以来,10多年时间,百度第一次官方 ...
python恶搞程序-愚人节恶搞程序源码【两种语言】
Python: print("--------------------------") print("[愚人节专用恶搞程序]") print("[By ...
愚人节恶搞网站谨防遭黑客攻击
金山毒霸云安全中心日前发出预警,在近期拦截的大量"挂马".钓鱼等恶意网页中,与"愚人节"相关的,在近一周数量急剧增加. 愚人节将至,怎么整人好玩?近期许多恶搞网 ...
愚人节恶搞：楠哥凡客体广告
愚人节快乐!楠哥特放出楠哥全身像凡客体恶搞平面广告一幅供大家娱乐~ 楠哥计算机学习网隆重推出硬件数码板块,欢迎访问!更换笔记本内存:自己动手修电脑(一)<更换笔记本内存>视频教程解析Wor ...
昨天愚人节，互联网大厂都恶搞了啥？
作者 | 阿木&伍杏玲出品 | CSDN(ID:CSDNnews) StackOverflow"被黑"了? 昨天阿木刚到公司,按照惯例先打开电脑浏览下StackOverf ...
愚人节，看你们把AI逼成什么样了？
点击上方↑↑↑蓝字关注我们~ 「2019 Python开发者日」,购票请扫码咨询 ↑↑↑ 作者 | 一一出品 | AI科技大本营(ID:rgznai100) 每逢愚人节,科技公司就坐不住了. 也不全 ...
愚人节导入_愚人节！将您PHP页面更改为ASP ...
愚人节导入 I don't know a lot of PHP developers that think very much of ASP. This, of course, sets the st ...
愚人节巧用CSS开个极客式玩笑以chrome为例
愚人节到了,如果你想和那些要上网的朋友或同事开个极客式玩笑,那就来试试这些CSS吧. 免责声明:恶搞带来的所有后果,请恶搞者自行负责.本站不承担任何责任. 注:本文以chrome为例 1. 网页上下颠 ...
愚人节“整人”小心被病毒“整”
4月1日,愚人节也称万愚节,是西方也是美国民间传统节日. 愚人节这天不分男女老幼,可以互开玩笑.互相愚弄欺骗以换得娱乐.然而那些试图在愚人节"整"人的网友要小心了,金山毒霸安全实验 ...
愚人节整人软件测试自学,2020愚人节整蛊整人攻略大全
2020年4月1日的愚人节来啦,这一天其实就是一个让搞怪名正言顺的节日,你知道怎么整蛊别人吗?以下是小编整理了关于2020愚人节整蛊攻略大全,希望你喜欢. 2020愚人节整蛊攻略大全 1.猪的英语拼写 ...

最新文章

热门文章