Skip to content

Commit 8722f75

Browse files
committed
feat: add new styles for rocket launch button in milestones section with hover effects for improved interactivity
1 parent 5ddf301 commit 8722f75

1 file changed

Lines changed: 17 additions & 1 deletion

File tree

styles/index/index.css

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -308,6 +308,23 @@ body {
308308
transform: scale(1.25) translate(0, -3.2rem);
309309
}
310310

311+
.milestone .rocket-launch .content a {
312+
width: 22.4rem;
313+
height: 5.6rem;
314+
border: none;
315+
background: url('../../assets/images/index/BottomRight.png');
316+
background-repeat: no-repeat;
317+
background-size: contain;
318+
transition: transform 0.3s ease, box-shadow 0.3s ease;
319+
position: absolute;
320+
bottom: 0%;
321+
right: -38%;
322+
}
323+
324+
.milestone .rocket-launch .content a:hover {
325+
transform: scale(1.05);
326+
}
327+
311328
/* 将 .content 选择器移到前面 */
312329
.page:nth-child(4) .content {
313330
position: relative;
@@ -342,7 +359,6 @@ body {
342359

343360
.milestone .rocket-launch .content:hover {
344361
opacity: 0.9;
345-
transform: translate(0.8rem, 0.8rem);
346362
}
347363

348364
.milestone .rocket-launch .content h2 {

0 commit comments

Comments
 (0)