模板:跳脸/style.css:修订间差异
外观
< 模板:跳脸
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第4行: | 第4行: | ||
transform: translate(-50%, -50%) scale(0.1); | transform: translate(-50%, -50%) scale(0.1); | ||
} | } | ||
0.43% { /* 0.01 / 2.3 ≈ 0.0043 → 百分比 */ | |||
opacity: 1; | opacity: 1; | ||
transform: translate(-50%, -50%) scale( | transform: translate(-50%, -50%) scale(1); | ||
} | } | ||
99.57% { /* 剩余停留时间 */ | |||
opacity: 1; | opacity: 1; | ||
transform: translate(-50%, -50%) scale(1); | transform: translate(-50%, -50%) scale(1); | ||
第14行: | 第14行: | ||
100% { | 100% { | ||
opacity: 0; | opacity: 0; | ||
transform: translate(-50%, -50%) scale( | transform: translate(-50%, -50%) scale(1); | ||
} | } | ||
} | } |
2025年5月18日 (日) 15:12的版本
@keyframes zoomThenHide { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.1); } 0.43% { /* 0.01 / 2.3 ≈ 0.0043 → 百分比 */ opacity: 1; transform: translate(-50%, -50%) scale(1); } 99.57% { /* 剩余停留时间 */ opacity: 1; transform: translate(-50%, -50%) scale(1); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1); } } .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; object-fit: contain !important; transform: translate(-50%, -50%) scale(0.1); animation: zoomThenHide 2.3s ease-out forwards; z-index: 99999 !important; display: block !important; }