Skip to content

Aoudumber-Bade/3D-Cube-Image-Animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

💖 I Love You 3D Cube Animation 🚀

A rotating cube with a secret message, hover effects, and endless vibes – perfect for coders, lovers, and Gen Z chaos enthusiasts.


✨ Features

  • 360° Infinite Rotation: Hypnotic spin powered by CSS/JS.
  • Hover to Scale: Outer cube grows on hover (because drama).
  • Image Gallery Cube: Each side displays custom images.
  • "I Love You" Text: Subtle? Nah. Bold? Always. 💌
  • Responsive Design: Works on screens and hearts.

🛠️ Installation

  1. Clone the repo:
    git clone https://github.com/Aoudumber-Bade/3D-Cube-Image-Animation.git
    
  2. Open index.html in your browser. 🎮 Usage
  • Hover: Outer cube scales up (hover harder for ✨effect✨).
  • Rotate Forever: Cube spins infinitely (like my thoughts at 3 AM).
  • Customize: Replace side images, tweak colors, or change the message to "I Love Code".

Pro Tip: Send the live link to your crush and say, "This cube runs smoother than my rizz."


🔧 Customization

Edit these files to make it yours:

  • Change images: Replace /assets images (keep dimensions square!).
  • Adjust animation speed: Tweak animation-duration in styles.css.
  • Edit the message: Modify the "I Love You" text in index.html.

🌈 Tech Stack

  • HTML5
  • CSS3 (Animations & Transforms)
  • JavaScript (For hover interactions)

🤝 Credits

  • Inspired by: Sleep deprivation and CSS-Tricks.
  • Cube logic: Built with pure math (and caffeine).

📄 License

MIT License – do whatever, just credit me if you clone it for your crush.


Made with ❤️ by Aoudumber Bade
Tag me if you remix this!

🚀 Star this repo if you’d code this for someone!
🔗 Live Demo: https://3d-cube-dev.netlify.app/


🔥 Contribute

  • Fork, tweak, and PR!
  • Ideas? Open an issue – let’s collab!

Why this repo?

  • Coders: Learn CSS animations & transforms.
  • Lovers: Literally send this as a digital love letter.
  • Gen Z: Flex your "tech heartthrob" era.

(Keep the vibe fun and light – GitHub doesn’t have to be boring!) 🦄

Releases

Packages

Contributors

Languages