Skip to content

Instantly share code, notes, and snippets.

@guillaumebort
Created November 29, 2012 13:48
Show Gist options
  • Save guillaumebort/4169201 to your computer and use it in GitHub Desktop.
Save guillaumebort/4169201 to your computer and use it in GitHub Desktop.
Yeah
@-webkit-keyframes coloredSpans
{
0% { background: #97e733; }
12% { background: #47ff74; }
25% { background: #3cf1f3; }
37% { background: #77cbfd; }
50% { background: #f19efd; }
62% { background: #fa87fd; }
75% { background: #fb9594; }
87% { background: #fdba3e; }
100% { background: #97e733; }
}
@-webkit-keyframes coloredImage
{
0% { -webkit-filter: hue-rotate(0deg); }
12% { -webkit-filter: hue-rotate(45deg); }
25% { -webkit-filter: hue-rotate(90deg); }
37% { -webkit-filter: hue-rotate(135deg); }
50% { -webkit-filter: hue-rotate(180deg); }
62% { -webkit-filter: hue-rotate(225deg); }
75% { -webkit-filter: hue-rotate(270deg); }
87% { -webkit-filter: hue-rotate(315deg); }
100% { -webkit-filter: hue-rotate(360deg); }
}
body.colored img {
-webkit-animation: coloredImage 36s infinite;
}
body.colored a, body.colored h2 span {
-webkit-animation: coloredSpans 36s infinite;
}
@mrspeaker
Copy link

lol

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