Skip to content

This repo contains a surprising card hover effect created using HTML and CSS. You can use this card to add some surprise and fun to your web pages.

Notifications You must be signed in to change notification settings

webwithaman/surprising-card-hover

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

surprising-card-hover

This repo contains a surprising card hover effect created using HTML and CSS. You can use this card to add some surprise and fun to your web pages.

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:

  • Surprise Effect: The card reveals a hidden message when hovered over, using a flip animation.
  • Shadow Effect: The card has a subtle shadow effect that creates a sense of depth and realism.
  • Responsive Design: The card is responsive and adapts to different screen sizes and devices.

Demo

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

License

This project is licensed under the MIT License.

About

This repo contains a surprising card hover effect created using HTML and CSS. You can use this card to add some surprise and fun to your web pages.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published