-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
302cf77
commit f3bd79b
Showing
1 changed file
with
15 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,17 @@ | ||
# Card Hover Animation | ||
## <a href="https://adityamamta.github.io/Card-hover-animation/"><img src="img/readme-btn.png" alt="Click to view live website" height="120"></a> | ||
This project showcases an interactive image card gallery with a hover effect, designed to display famous landmarks worldwide with descriptive captions. | ||
|
||
### Key Features | ||
|
||
- 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. | ||
|
||
### Tech Stack | ||
- HTML & CSS for layout and styling | ||
- SCSS for nested styling and variables | ||
|
||
💼 Contact me on linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/) <br> | ||
adityamamta4@gmail.com |