Skip to content

Instantly share code, notes, and snippets.

@anthonykeane
Created May 21, 2014 05:05
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 anthonykeane/407fbef71b02c8f56f0d to your computer and use it in GitHub Desktop.
Save anthonykeane/407fbef71b02c8f56f0d to your computer and use it in GitHub Desktop.
Animation css
.animate.ng-enter,
.animate.ng-leave
{
-webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
-moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
-ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
-o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
position: relative;
display: block;
}
.animate.ng-enter.animate.ng-enter-active,
.animate.ng-leave {
opacity: 1;
top: 0;
height: 30px;
}
.animate.ng-leave.animate.ng-leave-active,
.animate.ng-enter {
opacity: 0;
top: -50px;
height: 0px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment