style.css：修订间差异

2025年5月18日 (日) 14:47的版本

@keyframes zoomFullscreen {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.zoom-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover !important;
  z-index: 99999 !important;
  opacity: 0;
  animation: zoomFullscreen 1s ease-out forwards;
  transform-origin: center center;
}

@@ 第1行： / 第1行： @@
-@keyframes zoomExpand {
+@keyframes zoomFullscreen {
 % {
      opacity: 0;
@@ 第9行： / 第9行： @@
 % {
      opacity: 1;
-     transform: scale(9999); /* 放大倍数，根据屏幕大小调整 */
+     transform: scale(1);
    }
 }
-.zoom-expand {
+.zoom-fullscreen {
    position: fixed !important;
-   top: 50% !important;
+   top: 0 !important;
-   left: 50% !important;
+   left: 0 !important;
-   max-width: none !important;
+   width: 100vw !important;
-   max-height: none !important;
+   height: 100vh !important;
-   width: auto !important;
+   object-fit: cover !important;
-  height: auto !important;
+   z-index: 99999 !important;
-   transform-origin: center center !important;
-  transform: translate(-50%, -50%) scale(0.1);
    opacity: 0;
-  z-index: 9999 !important;
+   animation: zoomFullscreen 1s ease-out forwards;
-   animation-name: zoomExpand;
+   transform-origin: center center;
-  animation-duration: 1s;
-  animation-fill-mode: forwards;
-  animation-timing-function: ease-out;
-   animation-delay: 0s;
 }