https://github.com/sahilkumardhala/3d-car-animation
This project showcases a 3D car animation model using HTML , CSS and JS. The model is rendered using the model-viewer library, allowing users to interact with and view the car from various angles. The interface is designed using Swiper, providing a slide-based experience.
https://github.com/sahilkumardhala/3d-car-animation
css css3 google-font html html5 teilwinds-css
Last synced: 2 months ago
JSON representation
This project showcases a 3D car animation model using HTML , CSS and JS. The model is rendered using the model-viewer library, allowing users to interact with and view the car from various angles. The interface is designed using Swiper, providing a slide-based experience.
- Host: GitHub
- URL: https://github.com/sahilkumardhala/3d-car-animation
- Owner: sahilkumardhala
- License: mit
- Created: 2023-09-30T02:42:18.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-02T14:58:31.000Z (over 1 year ago)
- Last Synced: 2023-10-02T19:44:18.418Z (over 1 year ago)
- Topics: css, css3, google-font, html, html5, teilwinds-css
- Language: HTML
- Homepage: https://sahilkumardhala.github.io/3D-Car-Animation/
- Size: 8.79 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 3D-Car-Animation
# 📌[Live Views](https://sahilkumardhala.github.io/3D-Car-Animation/)
This project showcases a 3D car animation model using HTML, CSS and JS. The model is rendered using the model-viewer library, allowing users to interact with and view the car from various angles. The interface is designed using Swiper, providing a slide-based experience.
## Usage
To view the 3D car animation model, simply open the `index.html` file in a web browser.
## Dependencies
- [Tailwind CSS](https://cdn.tailwindcss.com)
- [Google Fonts - Manrope](https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;800&display=swap)
- [Swiper](https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.4.6/swiper-bundle.min.js)
- [GSAP](https://unpkg.co/gsap@3/dist/gsap.min.js)
- [ScrollTrigger](https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js)
- [Glitch Global](https://cdn.glitch.global/ccaf12bb-59b0-46bb-bd74-b9467ca22e3d/scene.gltf?v=1674149863924)
## Author
- [Sahil Kumar Dhala](https://github.com/sahilkumardhala)
It seems you're requesting information about the project or the author of the 3D Car Animation Model. Here's some additional context:
## About the Project
This project showcases a 3D car animation model using HTML and CSS. The model is rendered using the `model-viewer` library, allowing users to interact with and view the car from various angles. The interface is designed using Swiper, providing a slide-based experience.
If you have specific questions or need further information about the project or the author, you can contact [Sahil Kumar Dhala](https://github.com/sahilkumardhala) via their GitHub profile.