Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
Line 357: | Line 357: | ||
white-space: nowrap; | white-space: nowrap; | ||
}; | }; | ||
+ | |||
.layer1 { z-index: 4; } | .layer1 { z-index: 4; } | ||
.layer2 { z-index: 3; } | .layer2 { z-index: 3; } | ||
Line 431: | Line 432: | ||
<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 class="layer1" style="font-size:60px; top: | + | <span class="layer1" style="font-size:60px; top: 20%; left: 20%;">Parallax 2</span> |
<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%;"> | <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%;"> | ||
+ | <span class="layer1">Use arrow keys to move through slider</span> | ||
+ | <span class="layer1">I'll get mouse controls working too</span> | ||
</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%;"> | ||
- | |||
</div> | </div> | ||
<div class="screen" data-speed="500" data-dist="100" style="left: 200%;"> | <div class="screen" data-speed="500" data-dist="100" style="left: 200%;"> | ||
- | |||
</div> | </div> | ||
</div> | </div> |
Revision as of 15:24, 21 July 2014
Parallax 2
Use arrow keys to move through slider
I'll get mouse controls working too