therahulchaurasia/space-tourism-website

Hey there! Myself Rahul Chaurasia 👋

👨🏻‍💻 About Me

• 🤔   I'm currently exploring new technologies in development.
• 🎓   Bachelor of Engineering, Comps.

🛠 My Current Tech Stack

• 💻  Javascript | Node.js
• 🌐  HTML | CSS | JavaScript | React.js | TailwindCSS
• 🛢   MySQL | MongoDB | Mongoose | Express.js
• 🔧  Visual Studio code | Git | GitHub
• 🖥   Photoshop | Figma

My Github stats

space-tourism-website's Issues

Issue with animation Z-index

I played around with the code for a while and found the issue to be with animation.

Since many of your DOM elements have an initial opacity of 0 and then later the opacity becomes 1 the content overlaps the navbar.
I saw that you tried to give the navbar a higher z-index but it doesn't work because you placed it a little lower than required.

You can refer to the following article on MDN for more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context

⚡| Better loading screen transition

Is your feature request related to a problem? Please describe.
The loading screen is 5 4 3 2 1 or a plater loader but after an animation ends it turns the screen white which gives a bad UX

Describe the solution you'd like
I want to make this transition smooth

Destination planet zoom in animation on load have a opacity 0

Hii @therahulchaurasia When we open the destination page zoom in animation of the planet it really nice but it starts with the opacity of 0 which have a pass-through effect with the background space image

Please allow me to make an opacity one on load so that there is no pass-through effect

Cheers