style.css：修订间差异
模板页面
更多操作
 OctoberSama（留言 | 贡献） （创建页面，内容为“@keyframes scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } .popup-image { animation: scaleIn 0.3s ease forwards; }”） |
OctoberSama（留言 | 贡献） |
||
| 第1行： | 第1行： | ||
.fullscreen-image { | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100vw; | |||
height: 100vh; | |||
z-index: 9999; | |||
background: black; | |||
object-fit: contain; | |||
transform: scale(0.05); | |||
opacity: 0; | |||
transition: transform 0.4s ease-out, opacity 0.4s ease-out; | |||
} | } | ||
. | /* 进入激活状态后放大显示 */ | ||
.fullscreen-image.show { | |||
transform: scale(1); | |||
opacity: 1; | |||
} | } | ||
2025年5月18日 (日) 14:34的版本
.fullscreen-image {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
background: black;
object-fit: contain;
transform: scale(0.05);
opacity: 0;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
/* 进入激活状态后放大显示 */
.fullscreen-image.show {
transform: scale(1);
opacity: 1;
}