Skip to content

Commit b085974

Browse files
committed
fix: Simplify link hover animation to prevent positioning issues
- Removed complex ::before pseudo-element causing layout shifts - Simplified to clean background color change with subtle lift - Maintains professional hover effect without glitches - Prevents text jumping and overlay issues
1 parent 60ce096 commit b085974

File tree

1 file changed

+3
-19
lines changed

1 file changed

+3
-19
lines changed

portfolio/themes/basic/static/css/minimal.css

Lines changed: 3 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -70,33 +70,17 @@ p {
7070
to { opacity: 1; transform: translateY(0); }
7171
}
7272

73-
/* Enhanced link animations */
73+
/* Enhanced link animations - FIXED */
7474
a {
7575
color: #000;
7676
text-decoration: none;
7777
border-bottom: 1px solid #000;
78-
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
78+
transition: all 0.3s ease;
7979
position: relative;
80-
overflow: hidden;
81-
}
82-
83-
a::before {
84-
content: '';
85-
position: absolute;
86-
top: 0;
87-
left: -100%;
88-
width: 100%;
89-
height: 100%;
90-
background: #000;
91-
transition: left 0.3s ease;
92-
z-index: -1;
93-
}
94-
95-
a:hover::before {
96-
left: 0;
9780
}
9881

9982
a:hover {
83+
background: #000;
10084
color: #fff;
10185
padding: 2px 4px;
10286
transform: translateY(-1px);

0 commit comments

Comments
 (0)