Skip to content

Instantly share code, notes, and snippets.

@jeremyckahn
Last active December 19, 2015 17:38
Show Gist options
  • Select an option

  • Save jeremyckahn/5992317 to your computer and use it in GitHub Desktop.

Select an option

Save jeremyckahn/5992317 to your computer and use it in GitHub Desktop.
Faulty Stylie output, used for debugging
.stylie {
animation-name: stylie-transform-keyframes;
animation-duration: 2000ms;
animation-delay: 0ms;
animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
transform-origin: 0 0;
}
@keyframes stylie-transform-keyframes {
0% {transform:translateX(40px) translateY(394px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
50% {transform:translateX(720px) translateY(394px) rotate(0deg) translate(-50%, -50%);}
50% {transform:translateX(720px) translateY(394px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(920px) translateY(394px) rotate(0deg) translate(-50%, -50%);}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment