[Home - About - Sponsor ] Parallax effect and scroll animation effect

[Hiten1708]

Create a parallax effect with the small floating figures and blurs around nick's image in home, about and sponsor section

[samyak112]

Hey Hiten , can i work on this too?

[FengchiW]

Yes!

[samyak112]

Hi, sorry to bother but can anyone explain the parallax effect here , I know what a parallax effect is but not sure what we are trying to achieve here, once that is clear I can start the work on blur part and the small floating images part.
Thank you @FengchiW @Hiten1708

[Hiten1708]

This is a lot more difficult task, @samyak112. I am not sure if you are able to do it but if you need assistance we can do it together. BTW, the parallax effect we want to have to have some layers moving at different scroll speed. For example after nick's image in this design. we have some shades, small umbrella images and blurs in the background. We want to have two or three layers (for example one layer can be the shades and the second layer can be the small images, but it is upto you to decide how many layer you like to have and what to have it in that layer) and move them at differnent speeds while we scroll.

Also, you need to keep just one thing in mind while you code:

1. Reponsiveness

Note: you can export images required for this task, from the design
BONUS: if you can add a hover effect

[samyak112]

Thanks for helping me understand it @Hiten1708 and about the difficult task, that's why I am here , to work on different types of problems and learn and contribute at the same time.
Also what do I have to add in the hover effect? @Hiten1708

[samyak112]

Just one more thing I wanted to know, I previously worked on the Teams section and I can see it is merged in the dev branch , so I just wanted to know will it be merged in the main branch later?

[Hiten1708]

Thanks for helping me understand it @Hiten1708 and about the difficult task, that's why I am here , to work on different types of problems and learn and contribute at the same time.

Also what do I have to add in the hover effect? @Hiten1708

No I think it's okay don't add hover effect :)

[Hiten1708]

Just one more thing I wanted to know, I previously worked on the Teams section and I can see it is merged in the dev branch , so I just wanted to know will it be merged in the main branch later?

Yes it will be merged to main branch in future. I added it because there were some errors that I needed to resolve. And, please make PR to dev branch in future.

Also, you will be working together with @SpearsDevin

[samyak112]

Just one more thing I wanted to know, I previously worked on the Teams section and I can see it is merged in the dev branch , so I just wanted to know will it be merged in the main branch later?

Yes it will be merged to main branch in future. I added it because there were some errors that I needed to resolve. And, please make PR to dev branch in future.

Also, there will be another person who will be working together with you :)

Ok thanks for letting me know

[samyak112]

Hey @Hiten1708 I did somework on the shapes and blur part(not the parallax effect yet) and I had a doubt

As you can see in the above pic the blur image I used is ending in straight line on the right side and that's because that's how the image is that I got from figma so I just wanted to know if there is some way to fix it or I can leave it that way?