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

 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
.test {
+
.colormination {
−
     color: blue;
+
     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; }
 
}
 
}

Latest revision as of 14:15, 15 September 2016

.colormination { 

   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; }

}