Skip to content

Responsive social media card hover effect built with pure HTML & CSS. Features sleek 3D sliding animations, FontAwesome icons, and interactive LinkedIn, YouTube, and GitHub cards. Ideal for portfolios, personal websites, and modern UI showcases.

License

Notifications You must be signed in to change notification settings

MDJAmin/responsive-social-media-card-hover-effect-html-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Demo

Check out the live demo: GitHub Pages Demo

Social Media Card Hover

Welcome to the Social Media Card Hover project! This project features interactive social media cards that flip when hovered over, showcasing different platforms with unique icons and descriptions.

Project Features

  • Hover Effect: Each card flips to reveal additional information when hovered over.
  • Social Media Icons: The cards feature popular social media icons (LinkedIn, Twitter, and GitHub) with custom hover effects.
  • Responsive Layout: The layout is designed to be flexible, ensuring the cards are displayed properly on different screen sizes.
  • Interactive Links: Each card contains a link (currently set to #), which can be updated to point to the corresponding social media profiles.

Technologies Used

  • HTML: Provides the structure for the card and content.
  • CSS: Handles the layout, hover effects, and styling of the cards.
  • Font Awesome: Used for social media icons to enhance the visual appearance of each card.

Installation

  1. Navigate to the project folder:
cd social-media-card-hover
  1. Open the index.html file in your browser to see the hover effect in action.

Usage

  • Hover over the cards to flip and see additional details about the social media platforms.

  • You can update the links in the anchor () tags inside each card with your own social media URLs.

  • Feel free to add more cards and customize the icons and descriptions as needed.

Author

Created by MDJAmin. Check out more projects on GitHub.

About

Responsive social media card hover effect built with pure HTML & CSS. Features sleek 3D sliding animations, FontAwesome icons, and interactive LinkedIn, YouTube, and GitHub cards. Ideal for portfolios, personal websites, and modern UI showcases.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published