Spooky World

Spooky World is horror version of executing the Parallax Effect using HTML, Css and Javascript.

✨Parallax scrolling is a web design technique in which the website background moves at a slower pace than the foreground. This results in a 3D effect as visitors scroll down the site, adding a sense of depth and creating a more immersive browsing experience. Parallax is based on optical illusion. Since the human eye perceives objects that are close to us as larger than things farther away, we perceive distant objects as if they were moving more slowly.

Features

• Parallax Effect
• Immersive UI
• Live previews available
• Fullscreen mode
• Mesmerizing Effect
• Works on Javascript

Installation

Installation of my project is very simple.

  git clone https://github.com/chakitg/spooky-world.git

This will clone the repository in your local device.

Then we need to change the directory.

  cd spooky-world

Then type "code ." to open it in VS Code (or any other IDE).

  code .

Then Go live with your IDE.

BOOM!! There you have it.

Pro Tip ✨✨

It works best in fullscreen. Press F11 on your keyboard to enter the full screen in your browser.

  F11

Tech Stack

HTML, CSS, Javascript, Google Fonts

What I Learnt

I learnt about the parallax effect. Parallax scrolling is a web design technique in which the website background moves at a slower pace than the foreground.

I developed the understanding of EventListners and there vast number of possibilities to add functioning into the website.

🚀 About Me

Im a Fullstack Developer, part-time teacher and a forever student. I learn new things in tech everyday along with other subjects like mathematics, competitive programing etc.

Feedback

If you have any feedback, please reach out to us at chakitg1@gmail.com