模板:跳脸/style.css:修订间差异
外观
< 模板:跳脸
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
第16行: | 第16行: | ||
transform: translate(-50%, -50%) scale(0); | transform: translate(-50%, -50%) scale(0); | ||
} | } | ||
} | |||
/* 初始隐藏折叠内容,防止页面刚加载时图片闪现 */ | |||
#mw-customcollapsible-lazy { | |||
visibility: hidden; | |||
opacity: 0; | |||
} | |||
/* 当折叠展开后,显示内容和动画 */ | |||
.mw-collapsible:not(.mw-collapsed) #mw-customcollapsible-lazy { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
2025年5月18日 (日) 15:43的版本
@keyframes zoomThenHide { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.1); } 20% { opacity: 1; transform: translate(-50%, -50%) scale(3); } 86.7% { opacity: 1; transform: translate(-50%, -50%) scale(3); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(0); } } /* 初始隐藏折叠内容,防止页面刚加载时图片闪现 */ #mw-customcollapsible-lazy { visibility: hidden; opacity: 0; } /* 当折叠展开后,显示内容和动画 */ .mw-collapsible:not(.mw-collapsed) #mw-customcollapsible-lazy { visibility: visible; opacity: 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 1.5s ease-out forwards; z-index: 99999 !important; display: block !important; }