JClockH xc(讨论 | 贡献) 小无编辑摘要 |
JClockH xc(讨论 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的4个中间版本) | |||
第23行: | 第23行: | ||
} | } | ||
#home_nav .home-card_background:hover { | #home_nav .home-card_background img:hover { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
第35行: | 第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; }