Skip to content

dhriti09/3d-image-carousel

Repository files navigation

🎡 3D Image Carousel | Gallery of Memories A visually stunning, 3D perspective image slider designed with a modern dark-lavender aesthetic. This project focuses on high-end CSS animations and glassmorphism UI elements to create an immersive "Gallery of Memories" experience.

✨ Features 360° Perspective Slider: A continuous, auto-rotating carousel using CSS 3D transforms.

Glassmorphism UI: Translucent info boxes with a backdrop-filter blur effect.

Responsive Design: Fully adaptive layout that switches from a side-by-side view to a stacked mobile view.

Smooth Navigation: Seamless scrolling between the Home, About, and Gallery sections.

Modern Aesthetic: A curated color palette featuring Dark Lavender and Charcoal tones.

🛠️ Built With HTML5: Structured semantic content.

CSS3: Utilizes advanced features:

transform-style: preserve-3d for the carousel depth.

@keyframes for the smooth autoRun animation.

CSS Variables (--quantity, --position) for dynamic element placement.

Google Fonts: Poppins & ICA Rubrik.

Clone the repository git clone https://github.com/dhriti09/3d-image-carousel.git

About

A responsive 3D perspective image carousel built with HTML and CSS. Features a smooth 360° auto-rotating animation and a modern glassmorphism UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors