Skip to content

Commit 67994a9

Browse files
Sumit-sourabh45sumn2u
authored andcommitted
feat: enhance hover effects on language card and icons
1 parent a738ace commit 67994a9

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

_layouts/website/languages.html

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -257,8 +257,9 @@ <h4>Suman Kunwar</h4>
257257
}
258258

259259
.language-card:hover {
260-
transform: translateY(-8px);
261-
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
260+
transform: translateY(-12px) scale(1.03);
261+
box-shadow: 0 25px 50px rgba(67, 97, 238, 0.3);
262+
border-color: var(--primary-color);
262263
}
263264

264265
.card-content {
@@ -281,8 +282,13 @@ <h4>Suman Kunwar</h4>
281282
margin-bottom: 1.5rem;
282283
color: white;
283284
font-size: 1.5rem;
285+
transition: transform 0.3s ease, box-shadow 0.3s ease;
284286
}
285287

288+
.language-card:hover .language-icon {
289+
transform: scale(1.2);
290+
box-shadow: 0 8px 20px rgba(67, 97, 238, 0.5);
291+
}
286292
.language-card h3 {
287293
margin: 0;
288294
color: var(--dark-color);

0 commit comments

Comments
 (0)