更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第9行： | 第9行： | ||
} | } | ||
.img-fit { | .home-genres-navigation .img-fit { | ||
display: block; | display: block; | ||
} | } | ||
.img-fit img{ | .home-genres-navigation .img-fit img{ | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
| 第19行： | 第19行： | ||
} | } | ||
.img-fit img:hover { | .home-genres-navigation .img-fit img:hover { | ||
transform: scale(1.05); | transform: scale(1.05); | ||
} | |||
.home-genres-navigation .title { | |||
display: flex; | |||
justify-content: space-around; | |||
position: relative; | |||
top: -30px; | |||
} | } | ||
2025年3月31日 (一) 12:38的版本
.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);
}
.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;
}