Skip to content

This repo contains a card with an amazing collapsing hover effect created using HTML and CSS. You can use this card to display some information or content in a stylish and interactive way.

Notifications You must be signed in to change notification settings

webwithaman/card-collapsing-hover-effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 

Repository files navigation

card-collapsing-hover-effect

This repo contains a card with an amazing collapsing hover effect created using HTML and CSS. You can use this card to display some information or content in a stylish and interactive way.

How to use

To use this card, you need to copy the HTML and CSS code from the index.html and style.css files in this repo. You can also preview the card by opening the index.html file in your browser.

Card

This card has the following features:

  • Collapsing Effect: The card collapses into a smaller size when hovered over, revealing more content inside.
  • Shadow Effect: The card has a subtle shadow effect that creates a sense of depth and realism.
  • Transition Effect: The card has a smooth transition effect that makes the collapsing animation look natural and elegant.

Demo

You can see a live demo of this project https://cardcollapsinghoverbyaman.netlify.app

License

This project is licensed under the MIT License.

About

This repo contains a card with an amazing collapsing hover effect created using HTML and CSS. You can use this card to display some information or content in a stylish and interactive way.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published