Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 302: Line 302:
Parallax
Parallax
----------------------------------------- */
----------------------------------------- */
-
.parallax { position: absolute; left: 50% };
+
.parallax { position: absolute; };
.layer1 { z-index: 4; }
.layer1 { z-index: 4; }
.layer2 { z-index: 3; }
.layer2 { z-index: 3; }
Line 325: Line 325:
//parallax
//parallax
$("h1").click( function() {
$("h1").click( function() {
-
$(".parallax").animate({ left: '-=100px' }, 1000);
+
$(".parallax").animate({ left: '-=300px' }, 1000);
});
});
     });
     });
Line 351: Line 351:
</header>
</header>
<!-- Screen 1 -->
<!-- Screen 1 -->
-
<div class="parallax" data-speed="5">
+
<div class="parallax" data-speed="5" style="left: 50%;">
<h2> Project </h2>
<h2> Project </h2>
</div>
</div>
-
<div class="parallax" data-speed="10">
+
<div class="parallax" data-speed="10" style="left: 70%;">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
</div>
</div>

Revision as of 04:22, 29 December 2013

Parallax Test

Whee

Project