愚人节巧用CSS开个极客式玩笑以chrome为例

愚人节到了，如果你想和那些要上网的朋友或同事开个极客式玩笑，那就来试试这些CSS吧。免责声明：恶搞带来的所有后果，请恶搞者自行负责。本站不承担任何责任。

注：本文以chrome为例

1. 网页上下颠倒

代码如下:

body {
-webkit-transform: rotate(180deg);
}

2. 网页旋转

代码如下:

body {
-webkit-animation: spin 5s linear infinite;
}

3. 网页中所有图片上下颠倒

代码如下:

img {
-webkit-transform: rotate(180deg);
}

4. 网页中所有图片都自转

新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

代码如下:

img {
-webkit-animation: spin 1s linear infinite;
}

5. 网页倒在地上了（请用内容超过多屏的网页测试）

代码如下:

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开个极客式玩笑以chrome为例相关推荐

Tracup｜项目经理必备的极客式项目管理工具
绝大部分团队在工作中都有个共识:1+1>2,做好团队协作才能发挥价值,没有团队协作,就会因为团队的内耗和冲突导致项目无法完成,导致大量时间金钱和资源的浪费.那么,如何提高团队协作效率呢?此时可以 ...
愚人节谁最皮？华为宣布攻克兽语，小米6复刻版官宣，微信发万元红包...
今天是4月1日,也是愚人节.因为疫情,全球都在渡过最严峻的时期,国外不少公司都宣布取消今年的愚人节彩蛋环节,但国内互联网大厂们还是在这个日子送上了有趣的彩蛋.适当地皮一皮,也让大家放松开心一下. 温馨 ...
《极客与团队》一文化和人
本节书摘来异步社区<极客与团队>一书中的第2章,作者: [美]Brian W. Fitzpatrick , Ben Collins-Sussman 译者: 徐旭铭责编: 陈冀康, 更多章 ...
《极客与团队》一第二章培养出色的团队文化
本节书摘来异步社区<极客与团队>一书中的第2章,作者: [美]Brian W. Fitzpatrick , Ben Collins-Sussman 译者: 徐旭铭责编: 陈冀康, 更多章 ...
《极客与团队》一说到底真正重要的还是代码本身
本节书摘来异步社区<极客与团队>一书中的第2章,作者: [美]Brian W. Fitzpatrick , Ben Collins-Sussman 译者: 徐旭铭责编: 陈冀康, 更多章 ...
OSChina 愚人节乱弹 —— 开个小电影专栏放一天
2019独角兽企业重金招聘Python工程师标准>>> Osc乱弹歌单(2018)请戳(这里) [今日歌曲] @小小编辑:分享萧全的单曲<海草舞> <海草舞> ...
在国内愚人节可以开的10个玩笑
愚人节是西方的传统节日,但在中国也有越来越多地庆祝这个节日.以下是一些在中国愚人节可以开的玩笑,包括: 发送假的工作任务给同事,让他们白忙活一场. 例如:给同事发一份虚假的会议安排,让他们早早赶到公司 ...
谷歌的愚人节玩笑开大了
据<北京晨报>4月2日报道,著名的谷歌网站在愚人节那天发了一则"人肉搜索引擎,志愿者急招中"的广告,并煞有介事地描述了具体的岗位和职责,待到应聘者发去中英文简历收到回复 ...
来看看科技公司们在今年的愚人节都开了什么玩笑
西雅图IT圈:seattleit [今日作者]宇直宇宙第一直男昨天是愚人节,跟往年一样,个大科技公司今年也是变着法子的想出各种各样的"愚人"点子来博眼球,我们就一起看看都有什么 ...

愚人节巧用CSS开个极客式玩笑以chrome为例

愚人节巧用CSS开个极客式玩笑以chrome为例相关推荐

最新文章

热门文章