Rainbow Username

cute · 22-01-2015, 06:49 AM

Seeing as this is a copy/paste of a tutorial I wrote over a year ago and OP is gonna leech it for credits; I'm going to share the CSS here:

Code:
.rainbow{
 -webkit-animation:rainbow 3s linear infinite;
 animation:rainbow 3s linear infinite;
 
 }
 
 @keyframes rainbow {
   from {
 color: red;
 text-shadow: 0 0 10px red;
   }
   15% {
 color: orange;
 text-shadow: 0 0 10px orange;
   }
   30% {
   color: yellow;
 text-shadow: 0 0 10px yellow;
   }
   45% {
 color: green;
 text-shadow: 0 0 10px green;
   }
   60% {
 color: blue;
 text-shadow: 0 0 10px blue;
   }
   75% {
 color: indigo;
 text-shadow: 0 0 10px indigo;
   }
   90% {
 color: violet;
 text-shadow: 0 0 10px violet;
   }
   to {
 color: red;
 text-shadow: 0 0 10px red;
   }
 }
 @-webkit-keyframes rainbow {
   from {
 color: red;
 text-shadow: 0 0 10px red;
   }
   15% {
 color: orange;
 text-shadow: 0 0 10px orange;
   }
   30% {
   color: yellow;
 text-shadow: 0 0 10px yellow;
   }
   45% {
 color: green;
 text-shadow: 0 0 10px green;
   }
   60% {
 color: blue;
 text-shadow: 0 0 10px blue;
   }
   75% {
 color: indigo;
 text-shadow: 0 0 10px indigo;
   }
   90% {
 color: violet;
 text-shadow: 0 0 10px violet;
   }
   to {
 color: red;
 text-shadow: 0 0 10px red;
   }
 }

Rainbow Username

Submitted by linkzy, 20-01-2015, 12:11 PM, Thread ID: 470

RE: Rainbow Username