Skip to content

Instantly share code, notes, and snippets.

@AllThingsSmitty

AllThingsSmitty/rainbow.css

Created January 17, 2016 15:21
Show Gist options
  • Star 13 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save AllThingsSmitty/17f8479cd7e74ee2f8f8 to your computer and use it in GitHub Desktop.
Save AllThingsSmitty/17f8479cd7e74ee2f8f8 to your computer and use it in GitHub Desktop.
Download ZIP
Animated background color shift
Raw
rainbow.css
/* based on dbox.us */
body {
background: linear-gradient(238deg, #fd8800, #fd008f, #9700fd, #003dfd, #05c7e6, #4bd58d);
background-size: 1200% 1200%;
-webkit-animation: rainbow 30s ease infinite;
animation: rainbow 30s ease infinite;
}
@-webkit-keyframes rainbow {
0% { background-position: 0% 50% }
50% { background-position: 100% 50% }
100% { background-position: 0% 50% }
}
@keyframes rainbow {
0% { background-position: 0% 50% }
50% { background-position: 100% 50% }
100% { background-position: 0% 50% }
}
@PatricCaviezel
Copy link

Nice! Thanks a lot!

@Extravi
Copy link

Extravi commented Jun 1, 2022

Thank you!

@Digital-gitz
Copy link

Yo..................... Thank you......................

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