universal-parallax
Advanced tools
Comparing version 1.1.3 to 1.1.4
'use strict'; | ||
/** | ||
* @version 1.1.3 | ||
* @version 1.1.4 | ||
* @author Marius Hansen <marius.o.hansen@gmail.com> | ||
@@ -6,0 +6,0 @@ * @license MIT |
{ | ||
"name": "universal-parallax", | ||
"version": "1.1.3", | ||
"version": "1.1.4", | ||
"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", |
@@ -20,3 +20,3 @@ | ||
## :rocket: Setup | ||
###### #1 | ||
#### #1 | ||
Include the script at the bottom of your project | ||
@@ -28,3 +28,3 @@ | ||
###### #2 | ||
#### #2 | ||
Choose between either.. | ||
@@ -62,5 +62,12 @@ - Including this in your `<head>` section | ||
} | ||
@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit clip fix */ | ||
.parallax__container { | ||
clip: auto; | ||
-webkit-mask-image: -webkit-linear-gradient(top, #fff 0%, #fff 100%) | ||
} | ||
} | ||
``` | ||
###### #3 | ||
#### #3 | ||
If `<section>` is your container, make the parallax element inside it, just before the **_closing tag_** :point_left: | ||
@@ -77,3 +84,3 @@ | ||
###### #4 | ||
#### #4 | ||
Initialize the JS function | ||
@@ -80,0 +87,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
1808160
229
114