Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 390: Line 390:
<!-- Screen 1 -->
<!-- Screen 1 -->
<div id="first-screen" class="screen" data-speed="500" data-dist="100">
<div id="first-screen" class="screen" data-speed="500" data-dist="100">
-
<div class="parallax" data-speed="1000" data-dist="10" style="left: 22%; top: 10%">
+
<div class="parallax" data-speed="1000" data-dist="200" style="left: 22%; top: 10%">
<h4> Inspired by this site ---> </h4>
<h4> Inspired by this site ---> </h4>
</div>
</div>
Line 396: Line 396:
<a href="http://hotdot.pro/en/#" target="_blank"> <h1 style="color: #871414"> http://hotdot.pro/en/# </h1> </a>
<a href="http://hotdot.pro/en/#" target="_blank"> <h1 style="color: #871414"> http://hotdot.pro/en/# </h1> </a>
</div>
</div>
-
<div class="parallax" data-speed="1000" data-dist="100" style="left: 24%; top: 20%">
+
<div class="parallax" data-speed="1000" data-dist="500" style="left: 24%; top: 20%">
<h6>(Yeah I stole the background) </h6>
<h6>(Yeah I stole the background) </h6>
</div>
</div>

Revision as of 20:43, 1 January 2014

Parallax Test

Parallax Design 1.2

Inspired by this site --->

http://hotdot.pro/en/#

(Yeah I stole the background)

Use the arrow keys to navigate -->

These pages can replace sliders

And have pretty pictures that link to project pages

This means design will be really important
It also takes a ton of time to set the page up cause I have to position everything manually
Whee!

Yay! Parallax

(Nupur's awesome)

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"