tinkerwell / aprilFools.css

Harmlessly goof up your co-workers browser and chrome dev tools

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

aprilFools.css ☺

by Wes Bos

Put these CSS definitions into your co-workers Custom.css file. They will be applied to every website they visit as well as their developer tools. They are commented out by default, so make sure to uncomment your favourite ones!

Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css (s/Chrome/Chrome Canary/ if they use the yellow icon Canary version)

PC: C:/Users/YourUsername/AppData/Local/Google/Chrome/User Data/Default/User StyleSheets/Custom.css

Ubuntu (Chromium): ~/.config/chromium/Default/User StyleSheets/Custom.css

/*
  Turn every website upside down
*/
body {
  -webkit-transform: rotate(180deg);
}

/*
  blur every website for a split second every 30 seconds
*/
body {
  /*-webkit-animation: blur 30s infinite;*/
}

/*
  Spin every Website
*/ 
body {
  /*-webkit-animation: spin 5s linear infinite;*/
}

/*
  Flip all images upside down
*/
img {
  /*-webkit-transform: rotate(180deg);*/
}

See them all in aprilFools.css

About

Harmlessly goof up your co-workers browser and chrome dev tools