更多操作
小无编辑摘要 |
小无编辑摘要 |
||
第1行: | 第1行: | ||
/* 首页背景缩放 */ | |||
#home-nav .home-card { | #home-nav .home-card { | ||
overflow: hidden; | overflow: hidden; | ||
第15行: | 第16行: | ||
#home-nav .home-card:hover .home-card__background img { | #home-nav .home-card:hover .home-card__background img { | ||
transform: scale(1. | transform: scale(1.07); | ||
} | } | ||
/* 曲目信息infobox的修复 */ | |||
.infobox{ | .infobox{ | ||
padding-left: 13px; | padding-left: 13px; | ||
第25行: | 第27行: | ||
@media (max-width: 500px) { | @media (max-width: 500px) { | ||
. | .citizen-section { | ||
display: flex; | |||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
} | } | ||
. | .infobox { | ||
float: none; | |||
margin-left: 0; | |||
margin-bottom: 20px; | |||
order: 1; | order: 1; | ||
} | } | ||
. | .citizen-section > p { | ||
width: 100%; | width: 100%; | ||
margin-top: 20px; | margin-top: 20px; |
2025年4月10日 (四) 13:22的版本
/* 首页背景缩放 */
#home-nav .home-card {
overflow: hidden;
position: relative;
}
#home-nav .home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.07);
}
/* 曲目信息infobox的修复 */
.infobox{
padding-left: 13px;
}
@media (max-width: 500px) {
.citizen-section {
display: flex;
flex-direction: column;
align-items: center;
}
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
order: 1;
}
.citizen-section > p {
width: 100%;
margin-top: 20px;
text-align: center;
order: 2;
}
}