Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 348: Line 348:
border: 3px solid black;
border: 3px solid black;
}
}
 +
 +
.screen img {position: absolute;}
 +
 +
.screen span {position: absolute;}
 +
.parallax {  
.parallax {  
position: absolute;
position: absolute;
Line 426: Line 431:
<div class="wrapper">
<div class="wrapper">
<div id="first-screen" class="screen" data-speed="500" data-dist="100">  
<div id="first-screen" class="screen" data-speed="500" data-dist="100">  
-
<span>Parallax 2</span>
+
<span class="layer1" style="font-size:60px; top: 10%; left: 40%;>Parallax 2</span>
-
<img src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico">
+
<img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 35%; height: 100%; width: 40%;>
</div>
</div>
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;">  
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;">  

Revision as of 18:18, 19 July 2014

Parallax Test

All the content is temporary
And the colors