JClockH xc(讨论 | 贡献) 小无编辑摘要 |
JClockH xc(讨论 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的6个中间版本) | |||
第1行: | 第1行: | ||
#home-nav .home-card__background { | #home-nav .home-card__background { | ||
position: absolute; | position: absolute; | ||
top: - | top: -30px; | ||
right: 0; | right: 0; | ||
bottom: 0; | bottom: 0; | ||
left: 0; | left: 0; | ||
background: #242a31; | background: #242a31; | ||
border-radius: | border-radius: 5px; | ||
} | } | ||
第21行: | 第21行: | ||
display: block; | display: block; | ||
content: ""; | content: ""; | ||
} | |||
#home_nav .home-card_background img:hover { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
第30行: | 第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; }