Skip to content

Instantly share code, notes, and snippets.

@sethdavis512
Last active December 15, 2016 02:38
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 sethdavis512/c672ecbfad145d3fe518e10b8e73f6b1 to your computer and use it in GitHub Desktop.
Save sethdavis512/c672ecbfad145d3fe518e10b8e73f6b1 to your computer and use it in GitHub Desktop.
#post CSS Animations!

Simple keyframe animation:

@keyframes jump {
  0%, 100% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(-30px);
  }
}

Applied:

.circle {
  animation: jump 1s infinite;
}
@jw56578
Copy link

jw56578 commented Dec 15, 2016

Whoa this is totes cool!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment