Skip to content

Instantly share code, notes, and snippets.

@dopa
Created December 13, 2013 22:06
Show Gist options
  • Save dopa/7952215 to your computer and use it in GitHub Desktop.
Save dopa/7952215 to your computer and use it in GitHub Desktop.
Color Cycle
.color-cycle {
color: hsla(270,95%,69%,0.25) !important
}
@-webkit-keyframes colors {
0% {
color: hsla(270,95%,69%,0.25)
}
15% {
color: hsla(322,95%,69%,0.25)
}
30% {
color: hsla(14,95%,69%,0.25)
}
45% {
color: hsla(66,95%,69%,0.25)
}
60% {
color: hsla(118,95%,69%,0.25)
}
75% {
color: hsla(170,95%,69%,0.25)
}
90% {
color: hsla(222,95%,69%,0.25)
}
100% {
color: hsla(270,95%,69%,0.25)
}
}
@-moz-keyframes colors {
0% {
color: hsla(270,95%,69%,0.25)
}
15% {
color: hsla(322,95%,69%,0.25)
}
30% {
color: hsla(14,95%,69%,0.25)
}
45% {
color: hsla(66,95%,69%,0.25)
}
60% {
color: hsla(118,95%,69%,0.25)
}
75% {
color: hsla(170,95%,69%,0.25)
}
90% {
color: hsla(222,95%,69%,0.25)
}
100% {
color: hsla(270,95%,69%,0.25)
}
}
.color-cycle {
-webkit-animation-direction: normal;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-name: colors;
-webkit-animation-timing-function: ease;
-moz-animation-direction: normal;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-name: colors;
-moz-animation-timing-function: ease
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment