Skip to content

An interactive image gallery with smooth expanding animation on click.

Notifications You must be signed in to change notification settings

windme2/exploding-images

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Exploding Image Gallery 🖼️

A beautiful and interactive image gallery with an expanding animation effect. When users click on an image, it smoothly expands while maintaining the overall layout harmony.

🛠️ ️Tech Stack

  • 🌐 HTML5
  • 🎨 CSS3
    • 📐 Flexbox
    • 🧱 CSS Grid
    • 🎛️ CSS Variables
    • ✨ Transform & Transitions
    • 🌫️ Backdrop Filter
  • ⚙️ JavaScript

⭐ Features

🎨 Gallery Features

  • 🔄 Smooth expansion animation
  • ✨ Interactive hover effects
  • � Beautiful transitions
  • 🌟 Modern UI design

🔒 Validation

  • ✨ Animation performance checks
  • 📱 Responsive layout validation
  • 🖥️ Cross-browser testing
  • ⚡ Load time optimization
  • 🎯 Interaction validation

🎨 Customization

You can customize:

  • 🎨 Colors and gradients in style.css
  • 📐 Gallery layout and spacing
  • ⚡ Animation timing and effects
  • 🌫️ Glass effect properties
  • 💫 Transition behaviors

📄 License

This project is licensed under the MIT License.

About

An interactive image gallery with smooth expanding animation on click.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published