maxidelfino/interactive-background

It is an interactive image gallery, which has the peculiarity of navigating on the Z axis. Besides having animations in the cursor as in the same images.

Interactive Background

It is an interactive image gallery, which has the peculiarity of navigating on the Z axis.

Besides having animations in the cursor as in the same images.

Preview

grabacion-de-pantalla-desde-05-07-23-14-16-40_F9FJJAS4.mp4

Features

• The background changes from red to blue as you scroll through it.
• The cursor changes color constantly.
• When hovering over the image, it will rotate in a particular way.
• Added "parallax" effect.

Deployment

Clone the project

  git clone https://github.com/maxidelfino/interactive-background.git

Go to the project directory

  cd interactive-background

Install dependencies

  npm install

Start the server

  npm start

Additional

• Test in chrome browser (it may not work in other browsers because it is not optimized)
• "Tilt" library was used to perform hover effects on images.