Difference between revisions of "Template:Northwestern Page Head"

Line 130: Line 130:
  
 
#lr {
 
#lr {
−
        animation-name: lr 
 
−
        animation-duration: 10s;
 
−
          animation-timing-function: linear;
 
−
          animation-delay: 2s;
 
−
          animation-iteration-count: infinite;
 
−
        animation-direction: alternate;
 
−
}
 
  
−
@keyframes lr {
+
position: relative;
−
 
+
animation-name: example;
−
     0%  {left:0px; top:300px;}
+
    animation-duration: 5s;
−
     50%  {left:300px; top:300px;}
+
    animation-timing-function: linear;
−
     100% {left: 500px; top:300px;}
+
    animation-delay: 2s;
 +
    animation-iteration-count: infinite;
 +
    animation-direction: alternate;
 +
}
 +
@keyframes example {
 +
     0%  {background-color:red; left:0px; top:0px;}
 +
    25%  {background-color:yellow; left:200px; top:0px;}
 +
     50%  {background-color:blue; left:200px; top:200px;}
 +
    75%  {background-color:green; left:0px; top:200px;}
 +
     100% {background-color:red; left:0px; top:0px;}
 
}
 
}
  

Revision as of 17:30, 19 July 2017

Northwestern Template