Skip to content

Instantly share code, notes, and snippets.

@ajliv

ajliv/trippy.css

Last active September 27, 2017 14:23
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 ajliv/d37420efa1f9d8de52179b2791101168 to your computer and use it in GitHub Desktop.
Save ajliv/d37420efa1f9d8de52179b2791101168 to your computer and use it in GitHub Desktop.
Download ZIP
Trippy CSS animation
Raw
trippy.css
.trippy {
animation-name: animate-trippy;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate
}
@keyframes animate-trippy {
0% {
filter: hue-rotate(0deg) saturate(10);
}
100% {
filter: hue-rotate(360deg) saturate(10);
}
}
@drewnoakes
Copy link

In action here: https://codepen.io/drewnoakes/pen/XeMObg

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment