Skip to content

Instantly share code, notes, and snippets.

@ikhattab

ikhattab/keyframe-animation-syntax.css

Created March 22, 2012 19:16
Show Gist options
  • Save ikhattab/2162020 to your computer and use it in GitHub Desktop.
Save ikhattab/2162020 to your computer and use it in GitHub Desktop.
Download ZIP
CSS:Keyframe Animation Syntax
Raw
keyframe-animation-syntax.css
@-webkit-keyframes NAME-YOUR-ANIMATION {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes NAME-YOUR-ANIMATION {
0% { opacity: 0; }
100% { opacity: 1; }
}
#box {
-webkit-animation: NAME-YOUR-ANIMATION 5s infinite;
-moz-animation: NAME-YOUR-ANIMATION 5s infinite;
-ms-animation: NAME-YOUR-ANIMATION 5s infinite;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment