[EN](https://github.com/reacton-js/qparallax/blob/main/README.md) / [RU](https://github.com/reacton-js/qparallax/blob/main/README_RU.md) ![qparallax](https://raw.githubusercontent.com/reacton-js/qparallax/main/logo.jpg) [GitHub](https://github.com/reacton-js/qparallax) | [NpmJS](https://www.npmjs.com/package/qparallax) | [Example](http://u92502bm.beget.tech/qparallax/) ## qparallax Quick Parallax ```html qparallax

Lorem ipsum dolor amet consectetur adipisicing

gradient
```
The **--indent** variable from the *qparallax.css* file defines the top and bottom padding on the «qparallax__upper» element, as shown below: ```css .qparallax { --indent: 200px; ... } ```
The «qparallax» block accepts a single attribute ***data-speed*** which changes the parallax speed. The higher this value, the more pronounced the effect will be. By default, this value is 3, but you can always change it: ```html
```
By default, parallax goes to the top of the page. To set the direction to the bottom of the page, add the class "qparallax--b" to the «qparallax» block: ```html
```
To create horizontal parallax, add the class "qparallax--h" to the «qparallax» block: ```html
```
By default, the horizontal parallax goes to the left. To set the direction to the right, add the class "qparallax--hr" to the «qparallax» block: ```html
```