Card Hover Effects Collection

A collection of card demos with simple hover effects in them. Recreated from Online Tutorials on YouTube (check out his channel on the credits down below). Here's what's inside of this repository:

Card Hover Effect: Slide

Three cards with sliding hover effect with too much shadows.

Card Hover Effect 2: Expand

Image cards with content that expands on hover.

Card Hover Effect 3: Shrink

Three numbered cards that shrinks down to reveal the content underneath.

Card Hover Effect 4: Depth

Cards with an awesome depth of field.

Card Hover Effect 5: Color Slide

Three content cards with sliding background color on hover.

Card Hover Effect 6: Perspective

Latest card effect with fake 3D perspective.

Credits

• Original code by Online Tutorials on YouTube
• Recreated by me (To the owner of these demo, I'm terribly sorry).
• Images from Unsplash.
• Dummy text from Hipster Ipsum.