"
Team:Potsdam Bioware/slider
From 2012.igem.org
(Difference between revisions)
| Line 8: | Line 8: | ||
margin: 0px auto; | margin: 0px auto; | ||
width: 845px; | width: 845px; | ||
| - | |||
height: 200px; | height: 200px; | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
| - | |||
background: #434343; | background: #434343; | ||
} | } | ||
| Line 29: | Line 27: | ||
#slider [id^="image"] img { | #slider [id^="image"] img { | ||
| + | position: absolute; | ||
| + | top: -200px; | ||
| + | border: 0; | ||
| + | -moz-transition: top 0.5s ease-in; | ||
| + | -ms-transition: top 0.5s ease-in; | ||
| + | -webkit-transition: top 0.5s ease-in; | ||
| + | -o-transition: top 0.5s ease-in; | ||
| + | } | ||
| + | |||
| + | #slider [id^="image"] p{ | ||
position: absolute; | position: absolute; | ||
top: -200px; | top: -200px; | ||
| Line 82: | Line 90: | ||
</div> | </div> | ||
<div id="image-3"> | <div id="image-3"> | ||
| - | < | + | <p>even more</p> |
<a class="slider-nav" href="#image-3"></a> | <a class="slider-nav" href="#image-3"></a> | ||
</div> | </div> | ||
Revision as of 16:41, 22 September 2012
