Skip to content
This repository was archived by the owner on Apr 9, 2026. It is now read-only.

Commit 20b494d

Browse files
committed
Smooth patch card hover effect with subtle movement
1 parent 5ac9c38 commit 20b494d

1 file changed

Lines changed: 5 additions & 2 deletions

File tree

style/components/patch_card.css

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,10 @@
1212
border-radius: 13px;
1313
margin: 24px 0;
1414
overflow: hidden;
15-
transition: all 0.3s ease;
15+
transition:
16+
transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1),
17+
box-shadow 0.6s cubic-bezier(0.4, 0, 0.2, 1),
18+
border-color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
1619
box-shadow:
1720
0 6px 26px rgba(0, 0, 0, 0.08),
1821
0 3px 13px rgba(0, 0, 0, 0.05);
@@ -25,7 +28,7 @@
2528
}
2629

2730
.PatchCard:hover {
28-
transform: scale(0.85) translateY(-8px);
31+
transform: scale(0.85) translateY(-2px);
2932
box-shadow:
3033
0 8px 32px rgba(0, 0, 0, 0.12),
3134
0 4px 16px rgba(0, 0, 0, 0.08);

0 commit comments

Comments
 (0)