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

Line 1: Line 1:
 
.test {
 
.test {
−
    /* 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 9: Line 8:
 
@keyframes color_change {
 
@keyframes color_change {
 
     from {
 
     from {
−
        background-color: blue;
 
 
         color: red;
 
         color: red;
 
     }
 
     }
 
     to {
 
     to {
−
        background-color: red;
 
 
         color: blue;
 
         color: blue;
 
     }
 
     }
 
}
 
}

Revision as of 13:46, 15 September 2016

.test { 

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

}

@keyframes color_change { 

   from {
       color: red;
   }
   to {
       color: blue;
   }

}