qparallax

[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) | [Пример](http://u92502bm.beget.tech/qparallax/) ## qparallax Быстрый параллакс ```html qparallax

Lorem ipsum dolor amet consectetur adipisicing

gradient

```
Переменная **--indent** из файла *qparallax.css* определяет верхний и нижний отступ в элементе «qparallax__upper», как показано ниже: ```css .qparallax { --indent: 200px; ... } ```
Блок «qparallax» принимает единственный атрибут ***data-speed***, который изменяет скорость параллакса. Чем выше это значение, тем более выраженным окажется эффект. По умолчанию это значение равно 3, но его всегда можно изменить: ```html

```
По умолчанию, параллакс идёт к верху страницы. Чтобы задать направление к низу страницы, добавьте блоку «qparallax» класс "qparallax--b": ```html

```
Для создания горизонтального параллакса, добавьте блоку «qparallax» класс "qparallax--h": ```html

```
По умолчанию, горизонтальный параллакс идёт в левую сторону. Чтобы задать направление в правую сторону, добавьте блоку «qparallax» класс "qparallax--hr": ```html

```