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