Difference between revisions of "Team:Vanderbilt"

Line 11: Line 11:
 
   100% {background-image: url("https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png");};
 
   100% {background-image: url("https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png");};
 
}
 
}
−
@keyframes dna {
+
@keyframes dnaFadeInOut {
−
   0%  {background-image: url("https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png");};
+
   0%  {opacity:1;};
−
   25%  {background-image: url("https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png");};
+
   25%  {opacity:1;};
−
   50%  {background-image: url("https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png");};
+
   50%  {opacity:1;};
−
   75%  {background-image: url("https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png");};
+
   75%  {opacity:1;};
−
   100% {background-image: url("https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png");};
+
   100% {opacity:1;};
 +
}
 +
 
 +
#dna2 img:nth-of-type(1) {
 +
  -webkit-animation-delay: 8s;
 +
  -moz-animation-delay: 8s;
 +
  -o-animation-delay: 8s;
 +
  animation-delay: 8s;
 +
}
 +
 
 +
#dna2 img:nth-of-type(2) {
 +
  -webkit-animation-delay: 6s;
 +
  -moz-animation-delay: 6s;
 +
  -o-animation-delay: 6s;
 +
  animation-delay: 6s;
 +
}
 +
#dna2 img:nth-of-type(3) {
 +
  -webkit-animation-delay: 4s;
 +
  -moz-animation-delay: 4s;
 +
  -o-animation-delay: 4s;
 +
  animation-delay: 4s;
 +
}
 +
#dna2 img:nth-of-type(4) {
 +
  -webkit-animation-delay: 2s;
 +
  -moz-animation-delay: 2s;
 +
  -o-animation-delay: 2s;
 +
  animation-delay: 2s;
 +
}
 +
#dna2 img:nth-of-type(5) {
 +
  -webkit-animation-delay: 0;
 +
  -moz-animation-delay: 0;
 +
  -o-animation-delay: 0;
 +
  animation-delay: 0;
 
}
 
}
  
Line 33: Line 65:
 
   animation-direction: alternate;
 
   animation-direction: alternate;
 
   -webkit-animation-direction: alternate;
 
   -webkit-animation-direction: alternate;
 +
}
 +
 +
.dnaStrand img {
 +
  position:absolute;
 +
  left:0;
 +
 
 +
  -webkit-animation-name: dnaFadeInOut;
 +
  -webkit-animation-timing-function: ease-in-out;
 +
  -webkit-animation-iteration-count: infinite;
 +
  -webkit-animation-duration: 8s;
 +
 +
  -moz-animation-name: dnaFadeInOut;
 +
  -moz-animation-timing-function: ease-in-out;
 +
  -moz-animation-iteration-count: infinite;
 +
  -moz-animation-duration: 8s;
 +
 +
  -o-animation-name: dnaFadeInOut;
 +
  -o-animation-timing-function: ease-in-out;
 +
  -o-animation-iteration-count: infinite;
 +
  -o-animation-duration: 8s;
 +
 +
  animation-name: dnaFadeInOut;
 +
  animation-timing-function: ease-in-out;
 +
  animation-iteration-count: infinite;
 +
  animation-duration: 10s;
 
}
 
}
  
Line 109: Line 166:
 
</div>
 
</div>
  
−
<div class="col-lg-2 hidden-sm" style="border: 10px solid red">
+
<div class="col-lg-2 hidden-sm" style="border: 10px solid red" id="dna2">
 +
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png" />
 +
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png" />
 +
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png" />
 +
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png" />
 +
  <img src="https://static.igem.org/mediawiki/2015/a/a5/Vanderbilt_2015_dna_strand_5.png" />
 
</div>
 
</div>
 
</div>
 
</div>
 
</html>
 
</html>

Revision as of 22:37, 12 September 2015

Vanderbilt iGEM 2015



hullo this is paragraph 1 such an amazing paragraph how will spillag work i wonder
hullo this is paragraph 2
hullo this is paragraph 3