模板:跳脸/style.css:修订间差异
外观
< 模板:跳脸
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第9行: | 第9行: | ||
100% { | 100% { | ||
opacity: 1; | opacity: 1; | ||
transform: translate(-50%, -50%) scale( | transform: translate(-50%, -50%) scale(3); | ||
} | } | ||
} | } | ||
第25行: | 第25行: | ||
object-fit: contain !important; | object-fit: contain !important; | ||
z-index: 99999 !important; | z-index: 99999 !important; | ||
animation: zoomFromCenter | animation: zoomFromCenter 0.3s ease-out forwards; | ||
opacity: 0; | opacity: 0; | ||
display: block !important; | 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(3); } } .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 0.3s ease-out forwards; opacity: 0; display: block !important; }