https://github.com/hoangtran0410/3dcarousel

3D Carousel with mouse controls
https://github.com/hoangtran0410/3dcarousel

3d basic-algorithm carousel-3d css3-animations

Last synced: about 2 months ago
JSON representation

3D Carousel with mouse controls

• Host: GitHub
• URL: https://github.com/hoangtran0410/3dcarousel
• Owner: HoangTran0410
• Created: 2019-07-07T15:48:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-10-26T10:09:37.000Z (over 2 years ago)
• Last Synced: 2023-10-20T20:14:04.434Z (over 1 year ago)
• Topics: 3d, basic-algorithm, carousel-3d, css3-animations
• Language: HTML
• Homepage: https://hoangtran0410.github.io/3DCarousel/
• Size: 14.1 MB
• Stars: 98
• Watchers: 3
• Forks: 55
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 3D Carousel with Mouse control!

Donate? Muốn hỗ trợ mình 1 ly cafe <3 [Donate here](https://github.com/HoangTran0410/HoangTran0410/blob/main/DONATE.md)

**Live Demo** [Here (index.html)](https://hoangtran0410.github.io/3DCarousel/)

**Bonus Demo** [Here (3DTweenMax.html)](https://hoangtran0410.github.io/3DCarousel/3DTweenMax.html)

**Codepen** [Here](https://codepen.io/hoanghien0410/pen/MMPaqm)

# How to play

Just **Dragggggggg** your mouse (or your hand) on the screen

# How to customize

Running code is in **index.html**, **3DTweenMax.html** just a **bonus** (collected from internet)

 - Add or change your images, videos in html code zone

 - Change global variables (music, rotate speed, size image, ...) in js code zone

 - Change color, style, .... in css code zone

# ScreenShots:

![Using mouse to drag](./screenshots/screenshot.png)