愚人节巧用CSS开个极客式玩笑以chrome为例
网站建设 2023-01-28 21:39www.1681989.com免费网站
愚人节到了，如果你想和那些要上网的朋友或同事开个极客式玩笑，那就来试试这些CSS吧。 免责声明恶搞带来的所有后果，请恶搞者自行负责。本站不承担任何责任。
注本文以chrome为例
1. 网页上下颠倒
body {
-webkit-transform: rotate(180deg);
}
2. 网页旋转
body {
-webkit-animation: sp 5s lear fite;
}
3. 网页中所有图片上下颠倒
img {
-webkit-transform: rotate(180deg);
}
4. 网页中所有图片都自转
img {
-webkit-animation: sp 1s lear fite;
}
5. 网页倒在地上了（请用内容超过多屏的网页测试）
html, body {
height: 100%;
}
html {
-webkit-perspective: 1000;
}
body {
-webkit-transform-orig: bottom center;
-webkit-transform: rotateX(-90deg);
-webkit-animation: fall 1.5s ease-;
}
有些网站会不起作用，往下翻网页，有种自由下落的感觉
以上仅供娱乐哦大笑
注本文以chrome为例
1. 网页上下颠倒
复制代码
代码如下:body {
-webkit-transform: rotate(180deg);
}
2. 网页旋转
复制代码
代码如下:body {
-webkit-animation: sp 5s lear fite;
}
3. 网页中所有图片上下颠倒
复制代码
代码如下:img {
-webkit-transform: rotate(180deg);
}
4. 网页中所有图片都自转
复制代码
代码如下:img {
-webkit-animation: sp 1s lear fite;
}
5. 网页倒在地上了（请用内容超过多屏的网页测试）
复制代码
代码如下:html, body {
height: 100%;
}
html {
-webkit-perspective: 1000;
}
body {
-webkit-transform-orig: bottom center;
-webkit-transform: rotateX(-90deg);
-webkit-animation: fall 1.5s ease-;
}
有些网站会不起作用，往下翻网页，有种自由下落的感觉
以上仅供娱乐哦大笑
上一篇：垂直居中对齐的CSS示例代码
下一篇：CSS通过RGBa将一个元素设置为透明效果
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销