Skip to content

Instantly share code, notes, and snippets.

@2called-chaos
Last active December 18, 2015 10:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 2called-chaos/5767078 to your computer and use it in GitHub Desktop.
Save 2called-chaos/5767078 to your computer and use it in GitHub Desktop.
The dubstep CSS
// Put this into a bookmark or paste it
// (beware that at least Chrome strips
// away the `javascript:` for security reasons)
javascript:var customStyles = document.createElement('style'); customStyles.appendChild(document.createTextNode('body * { -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}body *:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}'));document.documentElement.insertBefore(customStyles);
body * {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
body *:hover {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
body {
* {
@include transition(all 0.25s ease-in-out);
&:hover { @include transform(rotate(180deg)); }
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment