巧用CSS，愚人节极客式恶搞

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

注：本文以chrome为例

　1. 网页上下颠倒

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

　2. 网页旋转

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

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

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

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

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，愚人节极客式恶搞相关推荐

愚人节巧用CSS开个极客式玩笑以chrome为例
愚人节到了,如果你想和那些要上网的朋友或同事开个极客式玩笑,那就来试试这些CSS吧. 免责声明:恶搞带来的所有后果,请恶搞者自行负责.本站不承担任何责任. 注:本文以chrome为例 1. 网页上下颠 ...
Tracup｜项目经理必备的极客式项目管理工具
绝大部分团队在工作中都有个共识:1+1>2,做好团队协作才能发挥价值,没有团队协作,就会因为团队的内耗和冲突导致项目无法完成,导致大量时间金钱和资源的浪费.那么,如何提高团队协作效率呢?此时可以 ...
腾讯或推动斗鱼虎牙合并；拼多多推出“百亿补贴节”；Electron 9.2.0 发布| 极客头条
快来收听极客头条音频版吧,智能播报由出门问问「魔音工坊」提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重 ...
牛客2021年愚人节比赛【题解】
很有意思的一套题,难度不大,不过题目很有意思. 比赛链接:https://ac.nowcoder.com/acm/contest/12800 目录 A: 出愚人节欢乐赛 B: 你这题,狗屁不通 C: ...
在GeekPwn2017国际安全极客大赛上过“节”是一种什么体验？
"1024"这天,世界各地的天才黑客,在GeekPwn2017国际安全极客大赛上,上演了别样的"程序员节". GeekPwn2017国际安全极客大赛 " ...
要闻君说：华为发布2018年年度报告：全球销售收入超千亿美元；微软”立誓“不过愚人节；大众与AWS一起做工业汽车云...
关注并标星星CSDN云计算每周三次,打卡即read 更快.更全了解泛云圈精彩news go go go 三位深度学习之父同获2018年图灵奖(图片来源网络) [3月29日星期三]云の声音华为计 ...
程序员不过愚人节？？？
作者 | 伍杏玲出品 | 程序人生(ID:coder_life) 今年愚人节,你要搞事情吗? 微信已经开始过愚人节了,今天在输入框里输入"我爱你"或者"我喜欢你&quo ...
Python简单网页爬虫——极客学院视频自动下载
一.需求背景最近正好在研究Python,看了菜鸟教程上的基本教程,然后又再看极客学院的教学视频,向实战进军. 极客学院的视频是需要年费会员才能下载的,客户端倒是可以批量下载,但是下载之后,没有目录结 ...
极客Web前端开发资源大荟萃#007
本周我们带来的前端推荐包含当前热门的bootstrap,html5,css3等技术内容和新闻话题,如果你还想近一步学习如何开发,还可以关注我们的极客课程库,里面涵盖了现×××发技术的'学'与'习'的全 ...
极客Web前端开发资源大荟萃
每周极客都将总结本周最精彩的素材提供给大家,希望可以带给你更多地灵感和帮助!极客#GB课程库#现已上线,无论你是初级.中级.还是正在进修的高级前端工程师.这里都将帮助你得到更多更高效的学习. #GB课 ...

巧用CSS，愚人节极客式恶搞

1. 网页上下颠倒

2. 网页旋转

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

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

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

巧用CSS，愚人节极客式恶搞相关推荐

最新文章

热门文章