Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
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
You can’t perform that action at this time.