This project showcases an interactive image card gallery with a hover effect, designed to display famous landmarks worldwide with descriptive captions.
- Hover Animation: When a user hovers over a card, the image zooms in slightly, a dark overlay appears, and descriptive text fades in with a smooth animation.
- Responsive Design: The gallery adjusts layout based on screen size, keeping the design consistent across various devices.
- Stylish Overlay Effect: A gradient overlay enhances the readability of captions against bright images.
- CSS Animations: Subtle text slide and fade effects enhance the user experience, implemented with keyframe animations.
- HTML & CSS for layout and styling
- SCSS for nested styling and variables
💼 Contact me on linkedin. Linkedin
adityamamta4@gmail.com