Skip to content

Instantly share code, notes, and snippets.

@luckyshot
Created June 25, 2013 10:40
Show Gist options
  • Save luckyshot/5857560 to your computer and use it in GitHub Desktop.
Save luckyshot/5857560 to your computer and use it in GitHub Desktop.
CSS simple transition
/* Twitter Bootstrap LESS mixin */
.transition(@property: all, @duration: 0.2s, @animation: ease-in) {
transition:@property @duration @animation;
}
// Used like
.transition();
.transition(all, .2s);
/* CSS */
a {
-webkit-transition: opacity .3s ease-in;
-moz-transition: opacity .3s ease-in;
-o-transition: opacity .3s ease-in;
transition: opacity .3s ease-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment