dhairyagothi / 100_days_100_web_project

This repository contains 100 web projects from basic to intermediate using html css and js Please star the repo before start working on it
https://50-days-50-web-project.vercel.app/
MIT License
30 stars 36 forks source link

Add 3D Background Using HTML, CSS, and Three.js #156

Closed Yaser-123 closed 4 months ago

Yaser-123 commented 4 months ago

Request:

We would like to enhance the visual appeal of our website by incorporating a dynamic 3D background using HTML, CSS, and Three.js. This background will add an engaging and modern touch to our site's user experience.

Requirements: 1.Setup Three.js Environment 2.Create 3D Background Scene 3.Integrate with HTML and CSS 4.Performance Optimization 5.Cross-browser Compatibility

https://github.com/dhairyagothi/50_days_50_web_project/assets/140265777/6b95a295-2c74-4732-8cd6-54faf0c11f97

github-actions[bot] commented 4 months ago

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

Yaser-123 commented 4 months ago

https://github.com/dhairyagothi/50_days_50_web_project/assets/140265777/24fe9fde-2749-41d2-a798-87f90718e6e8

dhairyagothi commented 4 months ago

Do background more dark And do some blur @Yaser-123

Yaser-123 commented 4 months ago

https://github.com/dhairyagothi/50_days_50_web_project/assets/140265777/ce909465-4675-4ad5-bd7a-29dd1cb8ef9b

kratik1237 commented 4 months ago

I am interested in this issue, please assign me. @dhairyagothi

Yaser-123 commented 4 months ago

https://github.com/dhairyagothi/50_days_50_web_project/assets/140265777/00480080-6def-4a02-a5c9-a94c6e6b6e9a

Bro specify what color u need for the latern,the burning light and the background so i can make the background according to u

dhairyagothi commented 4 months ago

@Yaser-123 add scroll bar colour and do some more blur

Yaser-123 commented 4 months ago

https://github.com/dhairyagothi/50_days_50_web_project/assets/140265777/f316180d-e1df-40b4-9ebc-36e8e80bb1ff

Is it ok.

dhairyagothi commented 4 months ago

I am changing complete UI merging a new PR still i will assign you hard label make a PR @Yaser-123