"
Team:Virginia/AnimationTest
From 2014.igem.org
(Difference between revisions)
| (7 intermediate revisions not shown) | |||
| Line 15: | Line 15: | ||
<style> | <style> | ||
| + | |||
| + | html{ | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | |||
| + | .globalWrapper{ | ||
| + | padding:0px; | ||
| + | margin:0px; | ||
| + | } | ||
.row{ | .row{ | ||
height:250px; | height:250px; | ||
| Line 20: | Line 30: | ||
} | } | ||
| + | |||
| + | section{ | ||
| + | width:100%; | ||
| + | height:100%; | ||
| + | background-color:yellow; | ||
| + | } | ||
.col{ | .col{ | ||
| Line 29: | Line 45: | ||
#first{ | #first{ | ||
height: 800px; | height: 800px; | ||
| - | background-color: | + | background-color:#67BCDB; |
padding: 30px 0px 0px 0px; | padding: 30px 0px 0px 0px; | ||
} | } | ||
#second{ | #second{ | ||
| - | background-color: | + | background-color:#A2AB58; |
height:800px; | height:800px; | ||
} | } | ||
| Line 40: | Line 56: | ||
#third{ | #third{ | ||
| - | background-color: | + | background-color:#E44424; |
height:800px; | height:800px; | ||
} | } | ||
| Line 76: | Line 92: | ||
<br> | <br> | ||
<div class = "row" style="text-align:center;" > | <div class = "row" style="text-align:center;" > | ||
| - | <div class="col" style="display:inline-block;" >< | + | <div class="col" style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow zoomInDown">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow fadeInRight">cello</p></div> |
</div> | </div> | ||
<div class = "row" style="text-align:center;" > | <div class = "row" style="text-align:center;" > | ||
| - | <div class="col" style="display:inline-block;" >< | + | <div class="col" style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow zoomInDown">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow fadeInRight">cello</p></div> |
</div> | </div> | ||
<div class = "row" style="text-align:center;" > | <div class = "row" style="text-align:center;" > | ||
| - | <div class="col" style="display:inline-block;" >< | + | <div class="col" style="display:inline-block;" ><section class="wow fadeInLeft">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow zoomInDown">cello</p></div> |
| - | <div class="col" style="display:inline-block;">< | + | <div class="col" style="display:inline-block;"><section class="wow fadeInRight">cello</p></div> |
</div> | </div> | ||
Latest revision as of 14:42, 8 August 2014
2014 Virginia iGEM
Welcome to the animation test page. We're currently in the process of making objects move. This is great, just look at all this!
Our project this year is pretty awesome. Come back later for some cool info. Filler text! What on earth does the quick brown fox jumps over the lazy dog. Biohazards are here. Hello earbuds.
There you have it.
