23 lines
770 B
Plaintext
23 lines
770 B
Plaintext
.gif-player { width: 100%; height: 100%; position: relative; }
|
|
.canvas { width: 100%; height: 100%; display: block; }
|
|
|
|
/* 加载中提示：居中、半透明，避免用户误以为动图没播 */
|
|
.gif-loading {
|
|
position: absolute; left: 0; right: 0; bottom: 24rpx;
|
|
display: flex; align-items: center; justify-content: center; gap: 12rpx;
|
|
pointer-events: none;
|
|
}
|
|
.gif-loading__dot {
|
|
width: 18rpx; height: 18rpx; border-radius: 999rpx;
|
|
background: var(--gold, #c9a24b);
|
|
animation: gif-pulse 1s ease-in-out infinite;
|
|
}
|
|
.gif-loading__txt {
|
|
font-size: 22rpx; color: rgba(255,255,255,0.82);
|
|
text-shadow: 0 1rpx 4rpx rgba(0,0,0,0.5);
|
|
}
|
|
@keyframes gif-pulse {
|
|
0%, 100% { opacity: 0.35; transform: scale(0.8); }
|
|
50% { opacity: 1; transform: scale(1.1); }
|
|
}
|