3D Revolving Carousel

A visually engaging 3D carousel built with HTML and CSS featuring a smooth revolving effect without any JavaScript. Perfect for e-commerce stores portfolios corporate websites photography and more this carousel brings an interactive touch to your web projects.

🚀 Demo

https://chriskript.io

🧐 Features

Here're some of the project's best features:

• 3D Rotating Effect: Uses only HTML and CSS to create a revolving carousel that rotates around a central axis.
• Customizable Design: Easily change colors sizes and rotation speeds to fit your project's theme.
• Versatile Use Cases: Ideal for displaying products projects testimonials images or stats in an interactive way.

🛠️ Installation Steps:

1. Clone the repository:

git clone https://github.com/chriskript/3d-carousel.git

2. Change into project directory

cd 3d-carousel

3. Open the index.html file in your preferred web browser to view and interact with the game.

💻 Built with

Technologies used in the project:

• HTML
• CSS

👩🏻‍💻 Usage

• Product Display: E-commerce stores can showcase featured products.
• Portfolio Projects: Creatives can display their work or project snapshots.
• Corporate Sites: Use for client logos, services, or testimonials.
• Photography/Art Websites: Display art pieces or photo galleries.
• Education & Stats: Visualize educational content or interactive data.

🎨 Customization

To customize the carousel:

• Adjust the colors of each rectangle in style.css under .rectangle:nth-child().
• Change the rotation speed by modifying the spin animation duration.
• Customize dimensions and spacing to fit your layout.

💡 Examples

Try experimenting with different background colors, shapes, or rotation speeds to create unique effects!

🛡️ License:

This project is available under the MIT License.