universal-parallax
Advanced tools
Comparing version 1.1.2 to 1.1.3
'use strict'; | ||
/** | ||
* @version 1.1.2 | ||
* @version 1.1.3 | ||
* @author Marius Hansen <marius.o.hansen@gmail.com> | ||
@@ -6,0 +6,0 @@ * @license MIT |
{ | ||
"name": "universal-parallax", | ||
"version": "1.1.2", | ||
"version": "1.1.3", | ||
"description": "Easy parallax plugin using pure javascript. Also works on mobile platforms. Cross browser and opacity support.", | ||
@@ -5,0 +5,0 @@ "main": "dist/universal-parallax.js", |
# Universal Parallax | ||
@@ -18,3 +19,3 @@ Easy parallax plugin using pure javascript. Cross browser support, including mobile platforms. | ||
## :rocket: Usage | ||
## :rocket: Setup | ||
###### #1 | ||
@@ -39,3 +40,3 @@ Include the script at the bottom of your project | ||
```css | ||
.parallax--container { | ||
.parallax__container { | ||
position: absolute; | ||
@@ -56,3 +57,3 @@ clip: rect(0, auto, auto, 0); | ||
left: 0; | ||
/* optional - see step #3 */ | ||
/* optional - can be put in separate class */ | ||
background-repeat: no-repeat; | ||
@@ -65,3 +66,3 @@ background-position: center; | ||
###### #3 | ||
If `<section>` is your container, make the parallax element inside it, just before the **_closing tag_** :fire: | ||
If `<section>` is your container, make the parallax element inside it, just before the **_closing tag_** :point_left: | ||
@@ -78,3 +79,3 @@ ```html | ||
###### #4 | ||
Fire up the JS function | ||
Initialize the JS function | ||
@@ -85,3 +86,3 @@ ```js | ||
###### #5 | ||
--- | ||
That's it! :checkered_flag: | ||
@@ -88,0 +89,0 @@ - If it resembles [the demo](https://marrio-h.github.io/universal-parallax/demo/) - you're done :tada: |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1807282
17
107