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 | + | @keyframes dnaFadeInOut { |
− | 0% { | + | 0% {opacity:1;}; |
− | 25% { | + | 25% {opacity:1;}; |
− | 50% { | + | 50% {opacity:1;}; |
− | 75% { | + | 75% {opacity:1;}; |
− | 100% { | + | 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
Demons in the Code
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