Skip to content

Instantly share code, notes, and snippets.

@wutupake
Created May 19, 2015 15:25
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 wutupake/1eb1e875be45d64bf2ab to your computer and use it in GitHub Desktop.
Save wutupake/1eb1e875be45d64bf2ab to your computer and use it in GitHub Desktop.
SCSS: mixin for css3 transition
// usage: @include transition(width, .1s, ease-in-out, 0);
// transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
@mixin transition ($property, $duration, $timing, $delay) {
-webkit-transition-property: $property;
-webkit-transition-duration: $duration;
-webkit-transition-timing-function: $timing;
-webkit-transition-delay: $delay;
-moz-transition-property: $property;
-moz-transition-duration: $duration;
-moz-transition-timing-function: $timing;
-moz-transition-delay: $delay;
transition-property: $property;
transition-duration: $duration;
transition-timing-function: $timing;
transition-delay: $delay;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment