Skip to content

Instantly share code, notes, and snippets.

@robertmagnusson

robertmagnusson/cubic_animation_mixin.scss

Created February 6, 2014 08:57
Show Gist options
  • Save robertmagnusson/8840667 to your computer and use it in GitHub Desktop.
Save robertmagnusson/8840667 to your computer and use it in GitHub Desktop.
Download ZIP
Mixin cubic animation.
Raw
cubic_animation_mixin.scss
// Animate objects, just period of time the animation will go on with cubic settings.
@mixin cubic($transition-time: 0.5s) {
-webkit-transition: $transition-time cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-moz-transition: $transition-time cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-ms-transition: $transition-time cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-o-transition: $transition-time cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
transition: $transition-time cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment