🌀 3D Rotation Effect

A sleek 3D rotation effect using HTML, CSS, and JavaScript

This project showcases a dynamic 3D rotation effect for a product image, complete with background visuals and smooth transitions, enhancing user interaction.

---

📚 Table of Contents

1. Features
2. Tech Stack
3. Installation
4. Code Overview
5. License
6. Image Gallery
7. Social Links

---

🚀 Features

• ✨ 3D Rotation Effect – The product rotates smoothly on hover.
• 📱 Responsive Design – Adjusts seamlessly to different screen sizes.
• 🎨 Custom Styling – Uses Google Fonts, background images, and blend modes.
• 🔄 Smooth Transitions – Ensures a polished animation experience.

---

💻 Tech Stack

• Frontend: HTML, CSS, JavaScript
• Styling: Google Fonts, CSS animations, media queries

---

🛠 Installation

1. Clone the repository:

   git clone https://github.com/yourusername/3d-rotation-effect.git

2. Navigate to the project folder:

   cd 3d-rotation-effect

3. Open index.html in your browser.

---

📜 Code Overview

🎨 CSS

• Typography: Uses Google Fonts (Karantina and Poppins).
• Background: Implements multiple layers with a repeating linear gradient.
• Animations: CSS transitions for smooth hover effects.
• Responsive Design: Uses media queries for adaptive layouts.

🏗 HTML

• Simple structure with a header, product section, and visual elements.

🎮 JavaScript

• Handles the 3D rotation effect for user interaction.

---

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

🖼️ Image Gallery

2025-03-08.11-55-34.mp4.mp4

A glimpse of the 3D rotation effect in action.

---

🔗 Social Links

---

Let me know if you want any modifications! 🚀