AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 无编辑摘要 |
||
第1行: | 第1行: | ||
.player-card { | .player-card { | ||
max-width: | max-width: 220px; | ||
border-radius: | border-radius: 24px; | ||
float: right; | float: right; | ||
width: 100%; | width: 100%; | ||
box-shadow: var(--box-shadow-dialog); | box-shadow: var(--box-shadow-dialog); | ||
margin: 0 0 var(--space-lg) var(--space-lg); | margin: 0 0 var(--space-lg) var(--space-lg); | ||
position: relative; | position: relative; | ||
overflow: hidden; | overflow: hidden; | ||
第32行: | 第30行: | ||
color: white; | color: white; | ||
font-size: 22px; | font-size: 22px; | ||
} | } | ||
第65行: | 第62行: | ||
.player-card__foreground { | .player-card__foreground { | ||
padding: 15px; | |||
position: relative; | position: relative; | ||
} | } |
2024年4月7日 (日) 01:05的版本
.player-card { max-width: 220px; border-radius: 24px; float: right; width: 100%; box-shadow: var(--box-shadow-dialog); margin: 0 0 var(--space-lg) var(--space-lg); position: relative; overflow: hidden; clear: right; } .player-card__head { overflow: hidden; border-radius: 50%; width: 90px; height: 90px; } .player-card__split { background-color: white; border-radius: 10px; height: 3px; width: 15%; margin: 15px 0; } .player-card__nick { margin-top: 10px; color: white; font-size: 22px; } .player-card__id { font-size: 14px; margin-top: 0px; margin-bottom: 10px; color: white; } .player-card__desc { color: white; font-size: 14px; } .player-card__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter: blur(50px); } .player-card__background img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: grayscale(20%); } .player-card__foreground { padding: 15px; position: relative; } @media (max-width: 720px) { .player-card { float: unset; margin: 0 auto; } }