Skip to content

Instantly share code, notes, and snippets.

@daybrush
Last active June 2, 2019 07:51
Show Gist options
  • Save daybrush/4495f1a75463a18e373f18fd09d6f5d8 to your computer and use it in GitHub Desktop.
Save daybrush/4495f1a75463a18e373f18fd09d6f5d8 to your computer and use it in GitHub Desktop.
/* CSS */
.selector {
animation-name: a;
animation-duration: 3s;
animation-timing-function: ease;
-webkit-animation-name: a;
-webkit-animation-duration: 3s;
-webkit-timing-function: ease;
-moz-animation-name: a;
-moz-animation-duration: 3s;
-moz-timing-function: ease;
}
@keyframes a {
0% {
transform: translate(0px);
}
100% {
transform: translate(100px);
}
}
@-webkit-keyframes a {
0% {
-webkit-transform: translate(0px);
}
100% {
-webkit-transform: translate(100px);
}
}
@-moz-keyframes a {
0% {
-moz-transform: translate(0px);
}
100% {
-moz-transform: translate(100px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment