跳转到内容

模板:跳脸/style.css:修订间差异

来自电棍ottowiki
OctoberSama
OctoberSama留言 | 贡献 (创建页面,内容为“@keyframes scaleIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } } .popup-image { animation: scaleIn 0.3s ease forwards; }”)
 
第1行: 第1行:
@keyframes scaleIn {
.fullscreen-image {
   from {
   position: fixed;
    transform: scale(0.5);
  top: 0;
    opacity: 0;
  left: 0;
   }
   width: 100vw;
   to {
  height: 100vh;
    transform: scale(1);
  z-index: 9999;
    opacity: 1;
  background: black;
   }
   object-fit: contain;
  transform: scale(0.05);
  opacity: 0;
   transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
}


.popup-image {
/* 进入激活状态后放大显示 */
   animation: scaleIn 0.3s ease forwards;
.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;
}