巧用CSS文件愚人节恶搞
操作方法
- 01
一、打开浏览器的 Custom.css 文件 本文以 Chrome 为例(CSS 修改后立即生效),进入同事或朋友的电脑,按下面方式打开 Custom.css 文件 Mac:~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css Windows XP:系统盘:Documents and Settings用户名Local SettingsApplication DataGoogleChromeUser DataDefaultUser StyleSheetsCustom.css(其他 Windows 系统类似,在个人账号中的找“应用数据” AppData……) Ubuntu (Chromium):~/.config/chromium/Default/User StyleSheets/Custom.css 二、在 Custom.css 文件中添加相应CSS代码 1. 网页上下颠倒 /* Turn every website upside down*/body { -webkit-transform: rotate(180deg);} 2. 网页旋转 /* Spin every Website*/ body { /*-webkit-animation: spin 5s linear infinite;*/} 3. 网页中所有图片上下颠倒 /* Flip all images upside down*/img { /*-webkit-transform: rotate(180deg);*/} 4. 网页中所有图片都自转 /*Spin all images*/img { /*-webkit-animation: spin 1s linear infinite;*/} 5. 网页倒在地上了(请用内容超过多屏的网页测试) /*Make every website fall over!*//*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;}*/ 有些网站会不起作用,往下翻网页,有种自由下落的感觉