Skip to content

Commit d149eed

Browse files
committed
feat: Apply primary button color to all hero buttons and remove card hover animations
Button Color Changes: - Update .btn-dark to use var(--gradient-primary) matching 'Get In Touch' button - All three hero buttons (Get In Touch, GitHub Projects, Download Resume) now have consistent blue gradient color Card Hover Animation Removals (Steady Appearance): - stat-item: Removed translateY and scale transforms - highlight-card: Removed translateX transform - expertise-card: Removed translateY/scale, removed icon rotation - service-card: Removed translateY transform, removed number rotation - therapeutic-card: Removed translateY/scale transforms - portfolio-card: Removed translateY transform - publication-card: Removed translateY transform - timeline-content: Removed translateX transform - education-card: Removed translateY/rotate transforms - language-item: Removed translateY transform - contact-card: Removed translateY transform - unique-profile: Removed translateY transform - tech-badge: Removed translateY/scale transforms All cards now remain steady on hover while maintaining enhanced shadows and visual feedback
1 parent 436a66d commit d149eed

1 file changed

Lines changed: 18 additions & 18 deletions

File tree

css/style.css

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -436,9 +436,9 @@ ul {
436436
}
437437

438438
.stat-item:hover {
439-
transform: translateY(-10px) scale(1.05);
439+
/* Removed transform for steady appearance */
440440
box-shadow: var(--shadow-colored);
441-
background: rgba(255, 255, 255, 0.8);
441+
background: rgba(26, 29, 41, 0.95);
442442
}
443443

444444
.stat-number {
@@ -540,17 +540,17 @@ ul {
540540
}
541541

542542
.btn-dark {
543-
background: rgba(31, 41, 55, 0.95);
543+
background: var(--gradient-primary);
544544
color: white;
545-
border: 2px solid rgba(255, 255, 255, 0.1);
546-
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
545+
border: 2px solid transparent;
546+
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
547547
}
548548

549549
.btn-dark:hover {
550-
background: rgba(31, 41, 55, 1);
551-
border-color: rgba(102, 126, 234, 0.5);
550+
background: var(--gradient-primary);
551+
border-color: transparent;
552552
transform: translateY(-3px);
553-
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
553+
box-shadow: 0 10px 25px rgba(102, 126, 234, 0.5);
554554
color: white;
555555
}
556556

@@ -895,7 +895,7 @@ ul {
895895
}
896896

897897
.highlight-card:hover {
898-
transform: translateX(10px);
898+
/* Removed transform for steady appearance */
899899
box-shadow: var(--shadow-2xl);
900900
}
901901

@@ -988,7 +988,7 @@ ul {
988988
}
989989

990990
.expertise-card:hover {
991-
transform: translateY(-15px) scale(1.02);
991+
/* Removed transform for steady appearance */
992992
box-shadow: var(--shadow-2xl);
993993
border-color: rgba(102, 126, 234, 0.3);
994994
}
@@ -1006,7 +1006,7 @@ ul {
10061006
}
10071007

10081008
.expertise-card:hover .expertise-icon {
1009-
transform: scale(1.2) rotate(10deg);
1009+
/* Removed transform for steady appearance */
10101010
}
10111011

10121012
.expertise-card h3 {
@@ -1131,7 +1131,7 @@ ul {
11311131
}
11321132

11331133
.service-card:hover {
1134-
transform: translateY(-10px);
1134+
/* Removed transform for steady appearance */
11351135
box-shadow: var(--shadow-2xl);
11361136
border-left-color: var(--primary-color);
11371137
}
@@ -1270,7 +1270,7 @@ ul {
12701270
}
12711271

12721272
.therapeutic-card:hover {
1273-
transform: translateY(-10px) scale(1.05);
1273+
/* Removed transform for steady appearance */
12741274
box-shadow: 0 20px 60px rgba(102, 126, 234, 0.4);
12751275
background: linear-gradient(135deg, rgba(26, 29, 41, 0.95) 0%, rgba(37, 42, 58, 0.95) 100%);
12761276
border-color: rgba(102, 126, 234, 0.5);
@@ -1426,7 +1426,7 @@ ul {
14261426

14271427
.portfolio-card:hover {
14281428
box-shadow: var(--shadow-2xl);
1429-
transform: translateY(-10px);
1429+
/* Removed transform for steady appearance */
14301430
}
14311431

14321432
.portfolio-card.featured {
@@ -1598,7 +1598,7 @@ ul {
15981598
}
15991599

16001600
.publication-card:hover {
1601-
transform: translateY(-10px);
1601+
/* Removed transform for steady appearance */
16021602
box-shadow: var(--shadow-2xl);
16031603
border-color: rgba(16, 185, 129, 0.3);
16041604
}
@@ -1834,7 +1834,7 @@ ul {
18341834
}
18351835

18361836
.education-card:hover {
1837-
transform: translateY(-10px) rotate(-1deg);
1837+
/* Removed transform for steady appearance */
18381838
box-shadow: var(--shadow-2xl);
18391839
border-color: rgba(102, 126, 234, 0.3);
18401840
}
@@ -1945,7 +1945,7 @@ ul {
19451945
}
19461946

19471947
.language-item:hover {
1948-
transform: translateY(-10px);
1948+
/* Removed transform for steady appearance */
19491949
box-shadow: var(--shadow-lg);
19501950
border-color: rgba(102, 126, 234, 0.2);
19511951
}
@@ -2026,7 +2026,7 @@ ul {
20262026
}
20272027

20282028
.contact-card:hover {
2029-
transform: translateY(-10px);
2029+
/* Removed transform for steady appearance */
20302030
box-shadow: var(--shadow-2xl);
20312031
background: linear-gradient(135deg, rgba(26, 29, 41, 0.95) 0%, rgba(37, 42, 58, 0.95) 100%);
20322032
border-color: rgba(102, 126, 234, 0.4);

0 commit comments

Comments
 (0)