"

From 2014.igem.org

Revision as of 18:33, 17 October 2014 (view source) Mzerez (Talk | contribs) ← Older edit		Revision as of 18:35, 17 October 2014 (view source) Mzerez (Talk | contribs) Newer edit →
Line 6:		Line 6:
	<section id="titlechart">		<section id="titlechart">
	<div id="description">		<div id="description">
-	<h1>Parallax Sections</h1>	+	<div id="top_bar">jeht;aerht</div>
-	<h2>The most common parallax application</h2>	+
-	<p>	+
-	To create a classic parallax page effect simply add sections with background pictures between your content section.<br>	+
-	Then use ScrollScenes to animate the background image's position down.	+
-	</p>	+
-	<p>	+
-	The DOM is very straight forward and consists of consecutive containers.	+
-	</p>	+
-	<p>	+
-	<b>Please Note:</b> For brevity reasons this example uses fixed durations.<br>	+
-	This means the parallax movement won't exactly fit anymore, if the user resizes the window.<br>	+
-	To learn how to use dynamic durations, please check out the expert example <a href="../expert/responsive_duration.html">Responsive Duration</a>.	+
-	</p>	+
-	<a href="#" class="viewsource">view source</a>	+
	</div>		</div>
	</section>		</section>

---

Revision as of 18:35, 17 October 2014

jeht;aerht

Content 1

view source

Content 2

view source