|
|
| （未显示同一用户的1个中间版本） |
| 第6行： |
第6行： |
| padding: 0 0 0.5rem 0; | | padding: 0 0 0.5rem 0; |
| text-align: center; | | text-align: center; |
| }
| |
|
| |
| .home-genres-navigation .img-fit {
| |
| display: block;
| |
| background: black;
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| .home-genres-navigation .img-fit img{
| |
| width: 100%;
| |
| height: 6rem;
| |
| mask-image: linear-gradient(to left, rgba(0, 0, 0, 1), transparent);
| |
| border-radius: 5px;
| |
| object-fit: cover;
| |
| }
| |
|
| |
| .home-genres-navigation .img-fit img:hover {
| |
| transform: scale(1.05);
| |
| }
| |
|
| |
| .home-genres-navigation .title {
| |
| display: flex;
| |
| justify-content: space-around;
| |
| position: relative;
| |
| top: -6rem;
| |
| height: 0;
| |
| color: white;
| |
| font-size: 1.25rem;
| |
| line-height: 6rem;
| |
| } | | } |
2025年4月2日 (三) 14:59的最新版本
.home-genres-navigation {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: 0.625rem 0.625rem;
padding: 0 0 0.5rem 0;
text-align: center;
}
