2 Commits

Author SHA1 Message Date
Alex Fox
7e019fd335 Updated readme to point to lax.js urls 2020-05-11 11:24:54 +01:00
Alex Fox
7fc92ed6c9 Added lax 2.0 link 2020-05-07 18:00:43 +01:00

View File

@@ -2,14 +2,21 @@
Simple & light weight (<3kb gzipped) vanilla javascript plugin to create *smooth* & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
[>>> DEMO <<<](https://alexfox.dev/laxxx/)
[>>> DEMO <<<](https://alexfox.dev/lax.js/)
![](https://i.imgur.com/Jbkna80.gif)
[>>> MARIO DEMO <<<](https://alexfox.dev/laxxx/sprite.html)
[>>> MARIO DEMO <<<](https://alexfox.dev/lax.js/sprite.html)
![](https://i.imgur.com/GGQFucZ.gif)
---
## lax 2.0
For those daring enough ;) there is an alpha version of lax.js 2.0 available. Have a play: https://github.com/alexfoxy/lax.js/tree/version-2
---
## Getting Started
### NPM Setup
@@ -225,7 +232,7 @@ Other
## Sprite Sheet Animations
You can create animations using sprite sheets. See a demo [here](https://alexfox.dev/laxxx/sprite.html).
You can create animations using sprite sheets. See a demo [here](https://alexfox.dev/lax.js/sprite.html).
The `data-lax-sprite-data` is required and formated like so `[frameWidth, frameHeight, frameCount, columnCount, scrollStep]`. You can either set the image using CSS or the `data-lax-sprite-image` attribute. e.g.