Skip to content

Instantly share code, notes, and snippets.

@joedf

joedf/rainbow_barf.css

Created June 22, 2020 20:06
Show Gist options
  • Save joedf/910b7b1cd9856d39d609bcd1837807b3 to your computer and use it in GitHub Desktop.
Save joedf/910b7b1cd9856d39d609bcd1837807b3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
rainbow_barf.css
/* r41nb0w b4rf */
.rainbow {
background: linear-gradient(30deg, red, purple, blue, lime, hotpink, cyan);
padding: 2px;
}
.rainbow {
animation: hue-rotate-fast 2s linear infinite;
box-shadow: 0 0 50px 5px cyan;
}
@keyframes hue-rotate-fast {
0% { filter: hue-rotate(0deg) saturate(12); }
25% { filter: hue-rotate(90deg) saturate(12); }
50% { filter: hue-rotate(180deg) saturate(12); }
75% { filter: hue-rotate(270deg) saturate(12); }
100% { filter: hue-rotate(360deg) saturate(12); }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment