/3D-Room

3D animated room using HTML, CSS, and JavaScript

Primary LanguageCSS

3D-Animation-Room using HTML, CSS & JavaScript

Welcome to the 3D Animation Room project! This project is a simple demonstration of creating a 3D animated room using HTML, CSS, and JavaScript. With this project, you'll learn how to create a visually appealing 3D environment using basic web technologies.

Demo

View Demo

Screenshot

Screenshot (312)

Features

  • 3D Room: Experience a fully immersive 3D room environment created using CSS transforms and animations.
  • Interactive Elements: Interact with various elements within the room, such as furniture, decorations, and lighting.
  • Customizable: Modify the room's design, furniture, and animations to suit your preferences or project requirements.
  • Responsive: Enjoy a seamless experience across different devices and screen sizes, thanks to responsive design techniques.

Technologies Used

  • HTML: Structuring the web page layout and elements.
  • CSS: Styling the room, furniture, decorations, and animations.
  • JavaScript: Adding interactivity and dynamic behavior to the 3D room.

Getting Started

To get started with the 3D Animation Room project, follow these steps:

  1. Clone the Repository:

    git clone https://github.com/BhaskarAcharjee/3D-Room.git

  2. Open the Project: Navigate to the project directory and open the index.html file in your preferred web browser.

  3. Explore the Room: Interact with the 3D room by clicking on various elements and experiencing the animations.

  4. Customize as Needed: Feel free to customize the room's design, furniture, decorations, and animations to your liking. Modify the HTML, CSS, and JavaScript files accordingly.