react-mouse-parallax

<h1>Parallax on mouse movement on react - simple</h1> <h3>To do this, you just need to download this library.</h3> <br /> <pre> <Parallax move={{ top: 10, left: 3, type: "%" }}> <img src="/file.png" /> </Parallax> </pre> <p> The Parallax component is required to place the animation element. In the move argument, you must pass an offset from top, bottom, left, or right (or a combination). You must also specify the type (in pixels or percentages). Now the mouse will move when moving. If there are errors, write. </p> <br /> <pre> const ref = useParallax({ bottom: 10, right: 5, type: "px" }) </pre> <p> You can also use the useParallax hook instead of a component. Next, you need to attach the reference to the desired block.

Example: https://github.com/KirillUsenko/examples-react-mouse-parallax

</p> <br /> <br /> <h1>Параллакс при движении мыши на реакте - просто</h1> <h3>Для этого нужно всего лишь скачать данную библиотеку.</h3> <br /> <pre> <Parallax move={{ top: 10, left: 3, type: "%" }}> <img src="/file.png" /> </Parallax> </pre> <p> Нужно внутрь компонента Parallax вместить элемент для анимации. В аргумент move нужно передать смещение сверху, снизу, слева или справа (или совмещать). Также надо указать тип смещения (в пикселях или в процентах). Теперь при движении мыши элементы будут двигаться. Если будут ошибки, то пишите. </p> <br /> <pre> const ref = useParallax({ bottom: 10, right: 5, type: "px" }) </pre> <p> Также вместо компонента вы можете использовать хук useParallax. Далее нужно референс прикрепить к нужному блоку.

Пример: https://github.com/KirillUsenko/examples-react-mouse-parallax

</p>

react-mouse-parallax

$1/mo

Monetize your
open-source work

react-mouse-parallax

$1/mo

Monetize your open-source work

Monetize your
open-source work