react-parallax-scroll
Advanced tools
Comparing version 0.0.3 to 0.0.4
{ | ||
"name": "react-parallax-scroll", | ||
"version": "0.0.3", | ||
"version": "0.0.4", | ||
"description": "React library for creating parallax scrolling", | ||
@@ -5,0 +5,0 @@ "license": "MIT", |
@@ -19,3 +19,3 @@ ### React Parallax Scroll | ||
<Layer settings={{ speed: 0.2, type: 'backgroundY' }}> | ||
<p>I'm a child element</p> | ||
<p>A child element</p> | ||
</Layer> | ||
@@ -57,3 +57,2 @@ | ||
| rotate | rotate container| | ||
| [`<compound>`] | Use 2 or more types in the same component. Ex: `["scale", "rotate"]`| | ||
@@ -73,14 +72,14 @@ ## Appear Usage | ||
{/* ----- appear with .rotateIn class and duration 1.5 seconds -----*/} | ||
<AppearLayer className="whatever" in="rotateIn" duration="1.5s">I'm text</AppearLayer> | ||
<AppearLayer className="whatever" in="rotateIn" duration="1.5s">A simple text</AppearLayer> | ||
{/* ----- appear with .slideInUp -----*/} | ||
<AppearLayer className="whatever-1" in="slideInUp" duration="1s"> | ||
<p>I'm an element</p> | ||
<p>An element</p> | ||
</AppearLayer> | ||
{/* ----- appear with 3 times loop -----*/} | ||
<AppearLayer in="rotateIn" duration="1.5s" loop="3">I play 3 times</AppearLayer> | ||
<AppearLayer in="rotateIn" duration="1.5s" loop="3">Play 3 times</AppearLayer> | ||
{/* ----- appear with infinite loop -----*/} | ||
<AppearLayer in="heartBeat" duration="1.5s" loop="infinite">I play forever</AppearLayer> | ||
<AppearLayer in="heartBeat" duration="1.5s" loop="infinite">Play forever</AppearLayer> | ||
</Parallax> | ||
@@ -87,0 +86,0 @@ ) |
41037
89