多语言展示
当前在线:506今日阅读:23今日分享:25

巧用CSS文件愚人节恶搞

一、打开浏览器的 Custom.css 文件本文以 Chrome 为例(CSS 修改后立即生效),进入同事或朋友的电脑,按下面方式打开 Custom.css 文件Mac:~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.cssWindows 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;}*/ 有些网站会不起作用,往下翻网页,有种自由下落的感觉
推荐信息