打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

用户:RedDragon/common.css:修订间差异

来自Rizline中文维基
RedDragon留言 | 贡献
无编辑摘要
RedDragon留言 | 贡献
无编辑摘要
第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.1);
     transform: scale(1.07);
}
}






/* 曲目信息infobox的修复 */
.infobox{
.infobox{
padding-left: 13px;
padding-left: 13px;
第25行: 第27行:


@media (max-width: 500px) {
@media (max-width: 500px) {
   .container {
   .citizen-section {
    display: flex;
     flex-direction: column;
     flex-direction: column;
     align-items: center;
     align-items: center;
   }
   }
 
 
   .content-block {
   .infobox {
     width: 90%;
     float: none;
     max-width: 600px;
    margin-left: 0;
     margin-bottom: 20px;
     order: 1;
     order: 1;
   }
   }
 
 
   .intro-text {
   .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;
  }
  
}