优化后台
This commit is contained in:
@@ -879,11 +879,27 @@
|
||||
height: 100%;
|
||||
display: block;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.omni-case-visual img {
|
||||
transition: transform 260ms ease;
|
||||
}
|
||||
|
||||
/* 预览视频叠在封面上。播不起来时保持透明,封面继续可见。
|
||||
不要给 video 加 scale:Safari 里变换过的 video 会直接画成空白。 */
|
||||
.omni-case-visual video {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
opacity: 0;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
.omni-case-visual video.is-playing {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.omni-case-card:hover .omni-case-visual img,
|
||||
.omni-case-card:hover .omni-case-visual video {
|
||||
.omni-case-card.active .omni-case-visual img {
|
||||
transform: scale(1.035);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user