Skip to content

Instantly share code, notes, and snippets.

@pixelhijack

pixelhijack/CSS3 basic animation syntax

Created October 28, 2014 13:53
Show Gist options
  • Save pixelhijack/890d7413455819117463 to your computer and use it in GitHub Desktop.
Save pixelhijack/890d7413455819117463 to your computer and use it in GitHub Desktop.
Download ZIP
CSS3 basic animation syntax
Raw
CSS3 basic animation syntax
@-webkit-keyframes popIn {
0% { opacity: 0; transform: scale(.3);}
100% { opacity: 1; transform: scale(1);}
}
@keyframes popIn {
0% { opacity: 0; transform: scale(.3);}
100% { opacity: 1; transform: scale(1);}
}
.animated {
-webkit-animation: popIn .33s normal forwards ease-in;
-moz-animation: popIn .33s normal forwards ease-in;
animation: popIn .33s normal forwards ease-in;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment