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