Skip to content

Instantly share code, notes, and snippets.

@magician11
Created May 16, 2015 23:34
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 magician11/a6b2676ae664fd49adfb to your computer and use it in GitHub Desktop.
Save magician11/a6b2676ae664fd49adfb to your computer and use it in GitHub Desktop.
Creating flyIn animation using mixins from Bourbon
@import "bourbon";
.profile-pic-transition.ng-hide-remove.ng-hide-remove-active {
@include animation(flyIn 3s);
}
@include keyframes(flyIn) {
0% {
opacity: 0;
@include transform(scale(0, 0));
}
80% {
opacity: 0.8;
@include transform(scale(1.1, 1.1));
}
100% {
opacity: 1;
@include transform(scale(1, 1));
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment