JClockH xc(讨论 | 贡献) 小无编辑摘要 |
JClockH xc(讨论 | 贡献) 小无编辑摘要 |
||
(未显示同一用户的10个中间版本) | |||
第1行: | 第1行: | ||
#home-nav .home-card__background { | #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; }