style.css:修订间差异
模板页面
更多操作
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第9行: | 第9行: | ||
100% { | 100% { | ||
opacity: 1; | opacity: 1; | ||
transform: translate(-50%, -50%) scale( | transform: translate(-50%, -50%) scale(3); | ||
} | } | ||
} | } | ||
第25行: | 第25行: | ||
object-fit: contain !important; | object-fit: contain !important; | ||
z-index: 99999 !important; | z-index: 99999 !important; | ||
animation: zoomFromCenter | animation: zoomFromCenter 0.3s ease-out forwards; | ||
opacity: 0; | opacity: 0; | ||
display: block !important; | display: block !important; | ||
} | } |
2025年5月18日 (日) 14:59的版本
@keyframes zoomFromCenter {
0% {
opacity: 0;
transform: translate(-50%, -50%) scale(0.1);
}
50% {
opacity: 1;
}
100% {
opacity: 1;
transform: translate(-50%, -50%) scale(3);
}
}
.zoom-fullscreen {
position: fixed !important;
top: 50% !important;
left: 50% !important;
width: auto !important;
height: auto !important;
max-width: 100vw !important;
max-height: 100vh !important;
transform: translate(-50%, -50%) scale(0.1); /* 初始:居中 + 缩小 */
transform-origin: center center !important;
object-fit: contain !important;
z-index: 99999 !important;
animation: zoomFromCenter 0.3s ease-out forwards;
opacity: 0;
display: block !important;
}