Skip to content

Instantly share code, notes, and snippets.

@gregwhitworth

gregwhitworth/custom-props-tail-wag.css

Created March 17, 2017 16:57
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 gregwhitworth/1a832b4956db34d4d32f6b9228b321d2 to your computer and use it in GitHub Desktop.
Save gregwhitworth/1a832b4956db34d4d32f6b9228b321d2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
custom-props-tail-wag.css
.tail
{
transform: translateY(10px) rotate(var(--tail-rotate));
transform-origin: 60% 84%;
animation: wagTail 250ms infinite;
}
@keyframes wagTail
{
from
{
--tail-rotate: 15deg;
}
to
{
--tail-rotate: 25deg;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment