模板:跳脸/style.css：修订间差异
< 模板:跳脸
 OctoberSama（留言 | 贡献） 小 |
OctoberSama（留言 | 贡献） 小 |
||
| 第1行： | 第1行： | ||
@keyframes | @keyframes zoomFromCenter { | ||
0% { | 0% { | ||
opacity: 0; | opacity: 0; | ||
transform: scale(0.1); | transform: translate(-50%, -50%) scale(0.1); | ||
} | } | ||
50% { | 50% { | ||
| 第9行： | 第9行： | ||
100% { | 100% { | ||
opacity: 1; | opacity: 1; | ||
transform: scale( | transform: translate(-50%, -50%) scale(1); | ||
} | } | ||
} | } | ||
| 第17行： | 第17行： | ||
top: 50% !important; | top: 50% !important; | ||
left: 50% !important; | left: 50% !important; | ||
width: | width: auto !important; | ||
height: | height: auto !important; | ||
max-width: 100vw !important; | |||
transform: translate(-50%, -50%) scale(0.1); /* | max-height: 100vh !important; | ||
transform-origin: center center !important; | transform: translate(-50%, -50%) scale(0.1); /* 初始：居中 + 缩小 */ | ||
transform-origin: center center !important; | |||
object-fit: contain !important; | |||
z-index: 99999 !important; | z-index: 99999 !important; | ||
animation: zoomFromCenter 1s ease-out forwards; | |||
opacity: 0; | opacity: 0; | ||
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(1);
}
}
.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 1s ease-out forwards;
opacity: 0;
display: block !important;
}