直播记录/styles.css:修订间差异

跳转到导航 跳转到搜索
无编辑摘要
无编辑摘要
第9行: 第9行:
padding: 15px;
padding: 15px;
gap: 10px; /* 子元素之间的间距 */
gap: 10px; /* 子元素之间的间距 */
}
@media screen and (max-width: 1770px) {
.base_block {
padding-left:15px;
padding-right:15px;
}
.item7{
max-width: 100%;
}
}
@media screen and (min-width: 1770px) {
.base_block {
padding-left:250px;
padding-right:250px;
}
.item7{
max-width: 50%;
}
}
}
/* 子元素样式 */
/* 子元素样式 */
第94行: 第76行:
.item:hover > .img{
.item:hover > .img{
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
@media screen and (max-width: 1770px) {
.base_block {
padding-left:15px;
padding-right:15px;
}
.item7{
max-width: 100%;
}
}
@media screen and (min-width: 1770px) {
.base_block {
padding-left:250px;
padding-right:250px;
}
.item7{
max-width: 50%;
}
}
}