Skip to content

iam269/Image-Transition

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Image Comparison Slider πŸ–ΌοΈπŸ”„

A sleek and interactive web tool for comparing two images side by side with a smooth sliding transition. Perfect for showcasing before-and-after effects, design iterations, or any visual comparisons! 🎨✨

Features 🌟

  • Smooth Slider: Effortlessly slide between images with a responsive range input.
  • Responsive Design: Works beautifully on desktop and mobile devices πŸ“±πŸ’».
  • Lightweight: Built with pure HTML, CSS, and JavaScript – no dependencies required πŸš€.

Demo πŸ”—

Experience it live: https://iam269.github.io/Image-Transition/

How to Use πŸ› οΈ

  1. Open index.html in your web browser 🌐.
  2. Drag the slider to compare the two images πŸ”„.
  3. Customize the images by replacing image-1.png and image-2.png with your own files πŸ“Έ.

Enjoy comparing images with style! 😊

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published