aboutsummaryrefslogtreecommitdiff
path: root/README.md
diff options
context:
space:
mode:
authorHakim El Hattab <hakim.elhattab@gmail.com>2015-02-25 12:10:00 +0100
committerHakim El Hattab <hakim.elhattab@gmail.com>2015-02-25 12:10:00 +0100
commit4c0a033dfa452cfef5d880131a9685a918a29945 (patch)
tree0d1735e8c4364e00f00acdb5475ceeece2d2db84 /README.md
parent2ed1d6fb5dd7aa24918342197554fd7a6fbf6797 (diff)
parent0605ab13dfc525fa1498a53833b83a1ad1612fa0 (diff)
downloadfreenode-live-2017-presentation-4c0a033dfa452cfef5d880131a9685a918a29945.tar
freenode-live-2017-presentation-4c0a033dfa452cfef5d880131a9685a918a29945.tar.gz
merge options for parallax step size #733
Diffstat (limited to 'README.md')
-rw-r--r--README.md13
1 files changed, 10 insertions, 3 deletions
diff --git a/README.md b/README.md
index a942a8d..31dc903 100644
--- a/README.md
+++ b/README.md
@@ -175,6 +175,10 @@ Reveal.initialize({
// Parallax background size
parallaxBackgroundSize: '' // CSS syntax, e.g. "2100px 900px"
+ // Amount to move parallax background (horizontal and vertical) on slide change
+ // Number, e.g. 100
+ parallaxBackgroundHorizontal: '',
+ parallaxBackgroundVertical: ''
});
```
@@ -440,7 +444,7 @@ Backgrounds transition using a fade animation by default. This can be changed to
### Parallax Background
-If you want to use a parallax scrolling background, set the two following config properties when initializing reveal.js (the third one is optional).
+If you want to use a parallax scrolling background, set the first two config properties below when initializing reveal.js (the other two are optional).
```javascript
Reveal.initialize({
@@ -451,8 +455,11 @@ Reveal.initialize({
// Parallax background size
parallaxBackgroundSize: '', // CSS syntax, e.g. "2100px 900px" - currently only pixels are supported (don't use % or auto)
- // This slide transition gives best results:
- transition: 'slide'
+ // Amount of pixels to move the parallax background per slide step,
+ // a value of 0 disables movement along the given axis
+ // These are optional, if they aren't specified they'll be calculated automatically
+ parallaxBackgroundHorizontal: 200,
+ parallaxBackgroundVertical: 50
});
```