更多操作
创建页面,内容为“.genres-navigation-item .img-fit { display: block; background: black; border-radius: 5px; } .genres-navigation-item .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; } .genres-navigation-item .img-fit img:hover { transform: scale(1.05); } .genres-navigation-item .title { display: flex; justify-content: space-around; position: relative;…” |
小 AkiraZea移动页面模板:首页/类型导航元素.css至模板:Home/NavigationItem.css,不留重定向 |
(没有差异)
| |
2025年4月2日 (三) 15:13的最新版本
.genres-navigation-item .img-fit {
display: block;
background: black;
border-radius: 5px;
}
.genres-navigation-item .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;
}
.genres-navigation-item .img-fit img:hover {
transform: scale(1.05);
}
.genres-navigation-item .title {
display: flex;
justify-content: space-around;
position: relative;
top: -6rem;
height: 0;
color: white;
font-size: 1.25rem;
line-height: 6rem;
}