模板:跳脸/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; }