Skip to content

Instantly share code, notes, and snippets.

@Michaelgathara

Michaelgathara/rainbow-border.css

Created April 20, 2020 04:55
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 Michaelgathara/6f3a1b1d6bc37ac0d7b98e05c9ab7090 to your computer and use it in GitHub Desktop.
Save Michaelgathara/6f3a1b1d6bc37ac0d7b98e05c9ab7090 to your computer and use it in GitHub Desktop.
Download ZIP
Rainbow Border Css
Raw
rainbow-border.css
@-webkit-keyframes rainbow {
0% {border-color: hsl(0, 100%, 50%);}
14% {border-color: hsl(30,100%,50%);}
28% {border-color: hsl(60,100%,50%);}
42% {border-color: hsl(120,100%,50%);}
56% {border-color: hsl(240,100%,50%);}
70% {border-color: hsl(280,100%,50%);}
84% {border-color: hsl(320,100%,50%);}
100% {border-color: hsl(255, 100%, 50%);}
}
border: 2px solid hsl(0, 100%, 50%);
-webkit-animation: rainbow 10s infinite alternate;
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment