Skip to content

Instantly share code, notes, and snippets.

@Calvein
Created July 15, 2012 09:42
Show Gist options
  • Save Calvein/3116089 to your computer and use it in GitHub Desktop.
Save Calvein/3116089 to your computer and use it in GitHub Desktop.
Show the background image of http://movies.io
/*
* Show the background image on http://movies.io
* http://i.imgur.com/E99gy.jpg => http://i.imgur.com/t1lm7.png
* You need to put this at the beginning of the <body> (before every <div>s)
* <span>☼</span>
*/
body > span:first-of-type {
position: absolute;
top: 0;
right: 0;
z-index: 3001;
/* The next lines are just there because I used a crappy utf-8 icon */
line-height: 31px;
font-size: 24px;
color: white;
text-shadow: 0 0 1px #000;
cursor: pointer;
}
body > div {
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
body > span:hover ~ div {
opacity: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment