Skip to content

Instantly share code, notes, and snippets.

@weartstudio

weartstudio/transition_mixin.scss

Created October 1, 2017 15:57
Show Gist options
  • Save weartstudio/fd65054c550b2a8b00f58b52ed641d76 to your computer and use it in GitHub Desktop.
Save weartstudio/fd65054c550b2a8b00f58b52ed641d76 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3, SASS: Nice transition for links
Raw
transition_mixin.scss
//the mixin
@mixin transition(){
-o-transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
//the usage
a{
@include transition();
&:hover{ @include transition(); }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment