Skip to content

Instantly share code, notes, and snippets.

@pale2hall
Last active March 7, 2019 22:10
Show Gist options
  • Save pale2hall/605ce2145e31c307254d44042e3cd8f1 to your computer and use it in GitHub Desktop.
Save pale2hall/605ce2145e31c307254d44042e3cd8f1 to your computer and use it in GitHub Desktop.
Freeze your own PC with CSS!
/* Tested in Chrome 72 on 2018 MacBook Pro 15" with i7 and 16GB Ram */
*{
opacity:.97;
transition: all 3s;
font-family:comic sans ms, comic sans, cursive!important;
padding:1em;
margin:1em;
filter: saturate(80%);
display:inline-block!important;
font-size:1rem;
overflow:scroll;
}
*:hover{
}
a, p, img, iframe, video, span, button, input{
opacity:.9;
transform: rotate(-3deg);
padding:.2rem;
margin:.2rem;
border:.1rem solid black;
}
div{
}
div:hover{
filter: saturate(500%);
}
a:hover, p:hover, img:hover, iframe:hover, video:hover, span, button, input{
transform: rotate(5deg);
padding:.5rem;
margin:.5rem;
filter: saturate(500%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment