JClockH xc(讨论 | 贡献) 小无编辑摘要 |
JClockH xc(讨论 | 贡献) 小无编辑摘要 |
||
| (未显示同一用户的18个中间版本) | |||
| 第1行: | 第1行: | ||
#home-nav { | #home-nav .home-card__background { | ||
position: absolute; | |||
top: -30px; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
background: #242a31; | |||
border-radius: 5px; | |||
} | |||
#home-nav .home-card__background img{ | |||
background-position: center center; | |||
} | } | ||
#home-nav .home-card__background:after { | #home-nav .home-card__background:after { | ||
| 第11行: | 第21行: | ||
display: block; | display: block; | ||
content: ""; | content: ""; | ||
} | |||
#home_nav .home-card_background img:hover { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
| 第20行: | 第35行: | ||
align-items: center; | align-items: center; | ||
padding: 0 15px; | padding: 0 15px; | ||
color: | color: var( --color-surface-2 ); | ||
font-weight: | font-weight: 500; | ||
text-align: center; | |||
} | } | ||
2023年10月9日 (一) 21:51的最新版本
#home-nav .home-card__background {
position: absolute;
top: -30px;
right: 0;
bottom: 0;
left: 0;
background: #242a31;
border-radius: 5px;
}
#home-nav .home-card__background img{
background-position: center center;
}
#home-nav .home-card__background:after {
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
content: "";
}
#home_nav .home-card_background img:hover {
width: 100%;
height: 100%;
}
#home-nav .home-card__foreground {
pointer-events: none;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding: 0 15px;
color: var( --color-surface-2 );
font-weight: 500;
text-align: center;
}