JClockH xc(讨论 | 贡献) 小无编辑摘要 |
JClockH xc(讨论 | 贡献) 小无编辑摘要 |
||
第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; | ||
第21行: | 第21行: | ||
display: block; | display: block; | ||
content: ""; | content: ""; | ||
} | |||
#home_nav .home-card_background:hover { | |||
width: 100%; | |||
height: 100%; | |||
} | } | ||
2023年8月17日 (四) 21:06的版本
#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: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: #fff; font-weight: 400; }