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

Line 1: Line 1:
 
.test {
 
.test {
−
     animation: color_change 1s infinite alernate;
+
     /* animation: color_change 1s infinite alernate; */
 +
    animation-name: color_change;
 +
    animation-duration: 1s;
 +
    animation-iteration-count: infinite;
 +
    animation-direction: alternate;
 
}
 
}
  
 
@keyframes color_change {
 
@keyframes color_change {
−
     from { background-color: blue; }
+
     from {
−
     to { background-color: red; }
+
        background-color: blue;
 +
    }
 +
     to {
 +
        background-color: red;
 +
    }
 
}
 
}

Revision as of 13:44, 15 September 2016

.test { 

   /* animation: color_change 1s infinite alernate; */
   animation-name: color_change;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-direction: alternate;

}

@keyframes color_change { 

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

}