Skip to content

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

Notifications You must be signed in to change notification settings

zone-live/aprilFools.css

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 

Repository files navigation

aprilFools.css ☺

by Wes Bos

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

Most will work in both firefox and chrome. The -webkit only ones are specific to chrome or dev tools features. Please feel free to add more via PR.

Mac Chrome: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

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

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

Firefox - Windows, Mac & Linux: YOUR_FIREFOX_PROFILE/chrome/userContent.css

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

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

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

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

See them all in your aprilFools.css

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published