Hover Gallery
12 cards, each demonstrating a different CSS hover effect. Move your mouse over each card to see the effect in action.
Scale Up
transform: scale(1.08)
Scale Down
transform: scale(0.92)
Rotate
transform: rotate(5deg)
Skew
transform: skew(-5deg, -2deg)
Border Reveal
border scale + opacity
Shadow Grow
box-shadow + translateY
Color Shift
background transition
Gradient Sweep
overlay opacity fade
Clip-Path Reveal
clip-path: circle()
Filter Blur
filter: blur(2px)