javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:首页 > 网站技术 > DivCss教程

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

来源:IT技术网编辑:雨天发布于:2017-06-12人围观

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

注:本文以chrome为例 

1. 网页上下颠倒


代码如下:

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


愚人节巧用CSS开个极客式玩笑以chrome为例    电脑高手
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; 
}


有些网站会不起作用,往下翻网页,有种自由下落的感觉 

以上仅供娱乐哦大笑 

与相关的文章
有时间的话来看看IT界的突发事件