模板:跳脸/style.css:修订间差异
外观
< 模板:跳脸
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第9行: | 第9行: | ||
100% { | 100% { | ||
opacity: 1; | opacity: 1; | ||
transform: scale( | transform: scale(1); | ||
} | } | ||
} | } | ||
第20行: | 第20行: | ||
height: 100vh !important; | height: 100vh !important; | ||
object-fit: cover !important; | object-fit: cover !important; | ||
transform: translate(-50%, -50%) scale(0.1); | transform: translate(-50%, -50%) scale(0.1); /* 初始状态:中心+缩小 */ | ||
transform-origin: center center; | transform-origin: center center !important; /* 保证缩放围绕中心 */ | ||
z-index: 99999 !important; | z-index: 99999 !important; | ||
opacity: 0; | opacity: 0; | ||
animation: zoomFullscreen | animation: zoomFullscreen 1s ease-out forwards; | ||
} | } |
2025年5月18日 (日) 14:56的版本
@keyframes zoomFullscreen { 0% { opacity: 0; transform: scale(0.1); } 50% { opacity: 1; } 100% { opacity: 1; transform: scale(1); } } .zoom-fullscreen { position: fixed !important; top: 50% !important; left: 50% !important; width: 100vw !important; height: 100vh !important; object-fit: cover !important; transform: translate(-50%, -50%) scale(0.1); /* 初始状态:中心+缩小 */ transform-origin: center center !important; /* 保证缩放围绕中心 */ z-index: 99999 !important; opacity: 0; animation: zoomFullscreen 1s ease-out forwards; }