Difference between revisions of "Template:RHIT"

Line 260: Line 260:
  
  
 +
/*E coli chasing animation*/
 +
/************************************************************************************************************************************************************************************************/
  
 +
c {
 +
  width: 1px;
 +
  height: 1px;
 +
  position: relative;
 +
  animation-name: run;
 +
  animation-duration: 8s;
 +
  animation-iteration-count: infinite;
 +
}
 +
 +
b {
 +
  width: 1px;
 +
  height: 1px;
 +
  position: relative;
 +
  animation-name: run2;
 +
  animation-duration: 8s;
 +
  animation-iteration-count: infinite;
 +
}
 +
 +
c .img {
 +
position: relative;
 +
width: 10%;
 +
}
 +
 +
c .ecol {
 +
width: 10%;
 +
animation-name: run;
 +
animation-duration: 8s;
 +
animation-iteration-count: infinite;
 +
}
 +
 +
b .bot {
 +
width: 10%;
 +
animation-name: run2;
 +
animation-duration: 8s;
 +
animation-iteration-count: infinite;
 +
}
 +
 +
@keyframes run {
 +
    0%  { left: -1000px; top:300px;}
 +
    100% { left:900px; top:300px;}
 +
}
 +
 +
@keyframes run2 {
 +
    0%  { left: -500px; top:300px;}
 +
    100% { left:1400px; top:300px;}
 +
}
  
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/

Revision as of 18:48, 15 June 2018