更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第17行： | 第17行： | ||
height: auto; | height: auto; | ||
mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); | mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); | ||
border-radius: 5px; | |||
} | } | ||
| 第28行： | 第29行： | ||
position: relative; | position: relative; | ||
top: -30px; | top: -30px; | ||
height: 0; | |||
} | } | ||
2025年3月31日 (一) 12:40的版本
.home-genres-navigation {
width: 100%;
min-width: 600px;
display: grid;
grid-template-columns: repeat(5,20%);
gap: 5px 5px;
padding: 0 0 5px 0;
text-align: center;
}
.home-genres-navigation .img-fit {
display: block;
}
.home-genres-navigation .img-fit img{
width: 100%;
height: auto;
mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent);
border-radius: 5px;
}
.home-genres-navigation .img-fit img:hover {
transform: scale(1.05);
}
.home-genres-navigation .title {
display: flex;
justify-content: space-around;
position: relative;
top: -30px;
height: 0;
}