Socket
Socket
Sign inDemoInstall

react-parallax-scroll

Package Overview
Dependencies
6
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.0.3 to 0.0.4

2

package.json
{
"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 @@ )

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc