直播记录/styles.css：修订间差异
小无编辑摘要 |
小无编辑摘要 |
||
| 第20行： | 第20行： | ||
position: relative; | position: relative; | ||
margin: 3px; | margin: 3px; | ||
flex: 0 0 25%; | |||
} | } | ||
.item1{ | .item1{ | ||
| 第38行： | 第39行： | ||
.item > a{ | .item > a{ | ||
position: relative; | position: relative; | ||
display: flex; | |||
width: 100%; | |||
height: 100%; | |||
justify-content: right; | |||
align-items: flex-end; | |||
font-size: 42px; | |||
color: #ffffff; | |||
transition: all 0.3s ease-in-out; | |||
padding-right:0; | |||
text-decoration: none; | |||
} | } | ||
.item:hover > a{ | .item:hover > a{ | ||
padding-right:26px; | |||
text-decoration: none; | |||
} | } | ||
a > .long{ | a > .long{ | ||
max-width:76%; | |||
} | } | ||
.item:hover{ | .item:hover{ | ||
| 第60行： | 第61行： | ||
} | } | ||
.item > .img{ | .item > .img{ | ||
position: absolute; | |||
mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); | mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); | ||
transition: all 1.3s ease-in-out; | transition: all 1.3s ease-in-out; | ||