关于 css 的恶作剧

1.相信你看完以下代码后能够预料到会出现什么效果。 -- 隐藏鼠标

*{ cursor: none!important; }

2.页面颠倒

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

3.页面旋转

、、、 /_ Spin every Website_/ body { animation:mymove 5s linear infinite; -webkit-animation:mymove 5s linear infinite; /_ Safari 和 Chrome _/ } @keyframes mymove { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes mymove /Safari and Chrome/ { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } 、、、

4.网页所有图片上下颠倒 img { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

5.网页倒在地上了（请用内容超过多屏的网页测试） html, body { height: 100%; }

html { perspective: 1000; -webkit-perspective: 1000; }

body { transform-origin: bottom center; -webkit-transform-origin: bottom center; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); animation: fall 1.5s ease-in; -webkit-animation: fall 1.5s ease-in; }