Skip to content

Instantly share code, notes, and snippets.

@mjangda

mjangda/transition-everything.css

Created October 14, 2010 16:25
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mjangda/626500 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mjangda/626500 to your computer and use it in GitHub Desktop.
Download ZIP
Add transitions TO EVERYTHING ON YOUR PAGE!
Raw
transition-everything.css
* {
-webkit-transition: 1s;
-moz-transition: 1s; /* Firefox 4+ */
-ms-transition: 1s; /* IE doesn't actually support transitions, but we'll humour Microsoft */
-o-transition: 1s; /* Opera 10.5 */
transition: 1s;
}
@danielbachhuber
Copy link

danielbachhuber commented Oct 14, 2010

What does it do sir?

@mjangda
Copy link
Author

mjangda commented Oct 14, 2010

It transition-ifies everything on your page. Anytime you change a CSS property (that includes adding, removing, changing classes) for something on the page, it'll get animated to the new property/properties.

http://www.w3.org/TR/css3-transitions/

(It's probably a bad idea to do this... but super cool!)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment