Skip to content

Commit 169d3ef

Browse files
authored
Merge pull request #3609 from zalabhavy/sponsorcard
Added Sponsor Card Effect
2 parents 1f3b40f + 3906ac1 commit 169d3ef

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

src/pages/our-sponsors/Sponsors.css

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,32 @@
2626
}
2727

2828
.sponsor-page .sponsor-card {
29+
position: relative;
2930
border: 1px solid #ddd;
3031
border-radius: 8px;
3132
padding: 16px;
3233
text-align: center;
3334
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
3435
}
3536

37+
.sponsor-page .sponsor-card::before {
38+
position: absolute;
39+
top: 0;
40+
left: -100%;
41+
width: 100%;
42+
height: 100%;
43+
transition: left 0.3s ease-in-out;
44+
}
45+
46+
.sponsor-page .sponsor-card:hover::before {
47+
left: 100%;
48+
}
49+
50+
.sponsor-page .sponsor-card:hover {
51+
transform: translateY(-5px);
52+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
53+
}
54+
3655
.sponsor-page .sponsor-card img {
3756
border-radius: 50%;
3857
width: 100px;

0 commit comments

Comments
 (0)