Difference between revisions of "Template:Toronto/css/test-stylesheet"

Line 7: Line 7:
  
 
@keyframes color_change {
 
@keyframes color_change {
−
     from {
+
     0% { color: blue; }
−
        color: red;
+
     25% { color: orange; }
−
     }
+
     50% { color: yellow; }
−
     to {
+
    75% { color: black; }
−
        color: blue;
+
     100% { color: red; }
−
     }
+
 
}
 
}

Revision as of 13:47, 15 September 2016

.test { 

   animation-name: color_change;
   animation-duration: 3s;
   animation-iteration-count: infinite;
   animation-direction: alternate;

}

@keyframes color_change { 

   0% { color: blue; }
   25% { color: orange; }
   50% { color: yellow; }
   75% { color: black; }
   100% { color: red; }

}