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

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
.test {
+
.colormination {
−
    /* animation: color_change 1s infinite alernate; */
+
 
     animation-name: color_change;
 
     animation-name: color_change;
−
     animation-duration: 1s;
+
     animation-duration: 3s;
 
     animation-iteration-count: infinite;
 
     animation-iteration-count: infinite;
 
     animation-direction: alternate;
 
     animation-direction: alternate;
Line 8: Line 7:
  
 
@keyframes color_change {
 
@keyframes color_change {
−
     from {
+
     0% { color: blue; }
−
        background-color: blue;
+
     25% { color: orange; }
−
     }
+
     50% { color: yellow; }
−
     to {
+
    75% { color: black; }
−
        background-color: red;
+
     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; }

}