https://shanghaidc1.gaoice.run/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3A%E6%8A%96%E5%8A%A8%2Fstyles.css 2026-11-01T07:41:07Z 本wiki上该页面的版本历史 MediaWiki 1.46.2 https://shanghaidc1.gaoice.run/index.php?title=%E6%A8%A1%E6%9D%BF:%E6%8A%96%E5%8A%A8/styles.css&diff=56281&oldid=prev 2026-08-31T13:13:49Z

<p></p> <a href="https://shanghaidc1.gaoice.run/index.php?title=%E6%A8%A1%E6%9D%BF:%E6%8A%96%E5%8A%A8/styles.css&amp;diff=56281&amp;oldid=56271">显示更改</a>

晨茗biu～ https://shanghaidc1.gaoice.run/index.php?title=%E6%A8%A1%E6%9D%BF:%E6%8A%96%E5%8A%A8/styles.css&diff=56271&oldid=prev 2026-08-31T10:30:30Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hans-CN"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2026年8月31日 (一) 18:30的版本</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14">第14行：</td> <td colspan="2" class="diff-lineno">第14行：</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: inline-block;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: inline-block;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>}</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">.dk-wrap { display: inline-block; }</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ====== 平移（em，水平移动）====== */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* ====== 平移（em，水平移动）====== */</div></td></tr> <!-- diff cache key pigeon_games_wiki:diff:1.41:old-56260:rev-56271:php=table --> </table>

晨茗biu～ https://shanghaidc1.gaoice.run/index.php?title=%E6%A8%A1%E6%9D%BF:%E6%8A%96%E5%8A%A8/styles.css&diff=56260&oldid=prev 2026-08-31T09:08:14Z

<p>文字抖动模板</p> <p><b>新页面</b></p><div>/* ====== 通用：所有档位行内块 ====== */<br /> .dk-translate-1, .dk-translate-2, .dk-translate-3, .dk-translate-4, .dk-translate-5,<br /> .dk-translate-6, .dk-translate-7, .dk-translate-8, .dk-translate-9, .dk-translate-10,<br /> .dk-rotate-1, .dk-rotate-2, .dk-rotate-3, .dk-rotate-4, .dk-rotate-5,<br /> .dk-rotate-6, .dk-rotate-7, .dk-rotate-8, .dk-rotate-9, .dk-rotate-10,<br /> .dk-bounce-1, .dk-bounce-2, .dk-bounce-3, .dk-bounce-4, .dk-bounce-5,<br /> .dk-bounce-6, .dk-bounce-7, .dk-bounce-8, .dk-bounce-9, .dk-bounce-10,<br /> .dk-swing-1, .dk-swing-2, .dk-swing-3, .dk-swing-4, .dk-swing-5,<br /> .dk-swing-6, .dk-swing-7, .dk-swing-8, .dk-swing-9, .dk-swing-10,<br /> .dk-jitter-1, .dk-jitter-2, .dk-jitter-3, .dk-jitter-4, .dk-jitter-5,<br /> .dk-jitter-6, .dk-jitter-7, .dk-jitter-8, .dk-jitter-9, .dk-jitter-10,<br /> .dk-pulse-1, .dk-pulse-2, .dk-pulse-3, .dk-pulse-4, .dk-pulse-5,<br /> .dk-pulse-6, .dk-pulse-7, .dk-pulse-8, .dk-pulse-9, .dk-pulse-10 {<br /> display: inline-block;<br /> }<br /> <br /> /* ====== 平移（em，水平移动）====== */<br /> .dk-translate-1 { animation: dk-translate-1 .5s infinite linear; }<br /> .dk-translate-2 { animation: dk-translate-2 .5s infinite linear; }<br /> .dk-translate-3 { animation: dk-translate-3 .5s infinite linear; }<br /> .dk-translate-4 { animation: dk-translate-4 .5s infinite linear; }<br /> .dk-translate-5 { animation: dk-translate-5 .5s infinite linear; }<br /> .dk-translate-6 { animation: dk-translate-6 .5s infinite linear; }<br /> .dk-translate-7 { animation: dk-translate-7 .5s infinite linear; }<br /> .dk-translate-8 { animation: dk-translate-8 .5s infinite linear; }<br /> .dk-translate-9 { animation: dk-translate-9 .5s infinite linear; }<br /> .dk-translate-10 { animation: dk-translate-10 .5s infinite linear; }<br /> @keyframes dk-translate-1 { 25% { transform: translate(-0.02em, 0); } 75% { transform: translate(0.02em, 0); } }<br /> @keyframes dk-translate-2 { 25% { transform: translate(-0.035em, 0); } 75% { transform: translate(0.035em, 0); } }<br /> @keyframes dk-translate-3 { 25% { transform: translate(-0.05em, 0); } 75% { transform: translate(0.05em, 0); } }<br /> @keyframes dk-translate-4 { 25% { transform: translate(-0.075em, 0); } 75% { transform: translate(0.075em, 0); } }<br /> @keyframes dk-translate-5 { 25% { transform: translate(-0.11em, 0); } 75% { transform: translate(0.11em, 0); } }<br /> @keyframes dk-translate-6 { 25% { transform: translate(-0.15em, 0); } 75% { transform: translate(0.15em, 0); } }<br /> @keyframes dk-translate-7 { 25% { transform: translate(-0.2em, 0); } 75% { transform: translate(0.2em, 0); } }<br /> @keyframes dk-translate-8 { 25% { transform: translate(-0.28em, 0); } 75% { transform: translate(0.28em, 0); } }<br /> @keyframes dk-translate-9 { 25% { transform: translate(-0.38em, 0); } 75% { transform: translate(0.38em, 0); } }<br /> @keyframes dk-translate-10 { 25% { transform: translate(-0.5em, 0); } 75% { transform: translate(0.5em, 0); } }<br /> <br /> /* ====== 旋转（deg）====== */<br /> .dk-rotate-1 { animation: dk-rotate-1 .6s infinite ease-in-out; }<br /> .dk-rotate-2 { animation: dk-rotate-2 .6s infinite ease-in-out; }<br /> .dk-rotate-3 { animation: dk-rotate-3 .6s infinite ease-in-out; }<br /> .dk-rotate-4 { animation: dk-rotate-4 .6s infinite ease-in-out; }<br /> .dk-rotate-5 { animation: dk-rotate-5 .6s infinite ease-in-out; }<br /> .dk-rotate-6 { animation: dk-rotate-6 .6s infinite ease-in-out; }<br /> .dk-rotate-7 { animation: dk-rotate-7 .6s infinite ease-in-out; }<br /> .dk-rotate-8 { animation: dk-rotate-8 .6s infinite ease-in-out; }<br /> .dk-rotate-9 { animation: dk-rotate-9 .6s infinite ease-in-out; }<br /> .dk-rotate-10 { animation: dk-rotate-10 .6s infinite ease-in-out; }<br /> @keyframes dk-rotate-1 { 25% { transform: rotate(-1.5deg); } 75% { transform: rotate(1.5deg); } }<br /> @keyframes dk-rotate-2 { 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }<br /> @keyframes dk-rotate-3 { 25% { transform: rotate(-4.5deg); } 75% { transform: rotate(4.5deg); } }<br /> @keyframes dk-rotate-4 { 25% { transform: rotate(-6.5deg); } 75% { transform: rotate(6.5deg); } }<br /> @keyframes dk-rotate-5 { 25% { transform: rotate(-9deg); } 75% { transform: rotate(9deg); } }<br /> @keyframes dk-rotate-6 { 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } }<br /> @keyframes dk-rotate-7 { 25% { transform: rotate(-16deg); } 75% { transform: rotate(16deg); } }<br /> @keyframes dk-rotate-8 { 25% { transform: rotate(-21deg); } 75% { transform: rotate(21deg); } }<br /> @keyframes dk-rotate-9 { 25% { transform: rotate(-27deg); } 75% { transform: rotate(27deg); } }<br /> @keyframes dk-rotate-10 { 25% { transform: rotate(-35deg); } 75% { transform: rotate(35deg); } }<br /> <br /> /* ====== 跳动（em，上下移动）====== */<br /> .dk-bounce-1 { animation: dk-bounce-1 .7s infinite ease-in-out; }<br /> .dk-bounce-2 { animation: dk-bounce-2 .7s infinite ease-in-out; }<br /> .dk-bounce-3 { animation: dk-bounce-3 .7s infinite ease-in-out; }<br /> .dk-bounce-4 { animation: dk-bounce-4 .7s infinite ease-in-out; }<br /> .dk-bounce-5 { animation: dk-bounce-5 .7s infinite ease-in-out; }<br /> .dk-bounce-6 { animation: dk-bounce-6 .7s infinite ease-in-out; }<br /> .dk-bounce-7 { animation: dk-bounce-7 .7s infinite ease-in-out; }<br /> .dk-bounce-8 { animation: dk-bounce-8 .7s infinite ease-in-out; }<br /> .dk-bounce-9 { animation: dk-bounce-9 .7s infinite ease-in-out; }<br /> .dk-bounce-10 { animation: dk-bounce-10 .7s infinite ease-in-out; }<br /> @keyframes dk-bounce-1 { 50% { transform: translateY(-0.03em); } }<br /> @keyframes dk-bounce-2 { 50% { transform: translateY(-0.05em); } }<br /> @keyframes dk-bounce-3 { 50% { transform: translateY(-0.08em); } }<br /> @keyframes dk-bounce-4 { 50% { transform: translateY(-0.12em); } }<br /> @keyframes dk-bounce-5 { 50% { transform: translateY(-0.17em); } }<br /> @keyframes dk-bounce-6 { 50% { transform: translateY(-0.23em); } }<br /> @keyframes dk-bounce-7 { 50% { transform: translateY(-0.3em); } }<br /> @keyframes dk-bounce-8 { 50% { transform: translateY(-0.4em); } }<br /> @keyframes dk-bounce-9 { 50% { transform: translateY(-0.55em); } }<br /> @keyframes dk-bounce-10 { 50% { transform: translateY(-0.75em); } }<br /> <br /> /* ====== 摇摆（deg，底部为支点）====== */<br /> .dk-swing-1, .dk-swing-2, .dk-swing-3, .dk-swing-4, .dk-swing-5,<br /> .dk-swing-6, .dk-swing-7, .dk-swing-8, .dk-swing-9, .dk-swing-10 { transform-origin: 50% 100%; }<br /> .dk-swing-1 { animation: dk-swing-1 .8s infinite ease-in-out; }<br /> .dk-swing-2 { animation: dk-swing-2 .8s infinite ease-in-out; }<br /> .dk-swing-3 { animation: dk-swing-3 .8s infinite ease-in-out; }<br /> .dk-swing-4 { animation: dk-swing-4 .8s infinite ease-in-out; }<br /> .dk-swing-5 { animation: dk-swing-5 .8s infinite ease-in-out; }<br /> .dk-swing-6 { animation: dk-swing-6 .8s infinite ease-in-out; }<br /> .dk-swing-7 { animation: dk-swing-7 .8s infinite ease-in-out; }<br /> .dk-swing-8 { animation: dk-swing-8 .8s infinite ease-in-out; }<br /> .dk-swing-9 { animation: dk-swing-9 .8s infinite ease-in-out; }<br /> .dk-swing-10 { animation: dk-swing-10 .8s infinite ease-in-out; }<br /> @keyframes dk-swing-1 { 25% { transform: rotate(-1.5deg); } 75% { transform: rotate(1.5deg); } }<br /> @keyframes dk-swing-2 { 25% { transform: rotate(-3deg); } 75% { transform: rotate(3deg); } }<br /> @keyframes dk-swing-3 { 25% { transform: rotate(-4.5deg); } 75% { transform: rotate(4.5deg); } }<br /> @keyframes dk-swing-4 { 25% { transform: rotate(-6.5deg); } 75% { transform: rotate(6.5deg); } }<br /> @keyframes dk-swing-5 { 25% { transform: rotate(-9deg); } 75% { transform: rotate(9deg); } }<br /> @keyframes dk-swing-6 { 25% { transform: rotate(-12deg); } 75% { transform: rotate(12deg); } }<br /> @keyframes dk-swing-7 { 25% { transform: rotate(-16deg); } 75% { transform: rotate(16deg); } }<br /> @keyframes dk-swing-8 { 25% { transform: rotate(-21deg); } 75% { transform: rotate(21deg); } }<br /> @keyframes dk-swing-9 { 25% { transform: rotate(-27deg); } 75% { transform: rotate(27deg); } }<br /> @keyframes dk-swing-10 { 25% { transform: rotate(-35deg); } 75% { transform: rotate(35deg); } }<br /> <br /> /* ====== 颤抖（em + deg 联动）====== */<br /> .dk-jitter-1 { animation: dk-jitter-1 .18s infinite linear; }<br /> .dk-jitter-2 { animation: dk-jitter-2 .18s infinite linear; }<br /> .dk-jitter-3 { animation: dk-jitter-3 .18s infinite linear; }<br /> .dk-jitter-4 { animation: dk-jitter-4 .18s infinite linear; }<br /> .dk-jitter-5 { animation: dk-jitter-5 .18s infinite linear; }<br /> .dk-jitter-6 { animation: dk-jitter-6 .18s infinite linear; }<br /> .dk-jitter-7 { animation: dk-jitter-7 .18s infinite linear; }<br /> .dk-jitter-8 { animation: dk-jitter-8 .18s infinite linear; }<br /> .dk-jitter-9 { animation: dk-jitter-9 .18s infinite linear; }<br /> .dk-jitter-10 { animation: dk-jitter-10 .18s infinite linear; }<br /> @keyframes dk-jitter-1 {<br /> 20% { transform: translate(-0.015em, 0.015em) rotate(-0.8deg); }<br /> 40% { transform: translate(0.015em, -0.015em) rotate(0.8deg); }<br /> 60% { transform: translate(-0.015em, -0.015em) rotate(-0.8deg); }<br /> 80% { transform: translate(0.015em, 0.015em) rotate(0.8deg); }<br /> }<br /> @keyframes dk-jitter-2 {<br /> 20% { transform: translate(-0.025em, 0.025em) rotate(-1.5deg); }<br /> 40% { transform: translate(0.025em, -0.025em) rotate(1.5deg); }<br /> 60% { transform: translate(-0.025em, -0.025em) rotate(-1.5deg); }<br /> 80% { transform: translate(0.025em, 0.025em) rotate(1.5deg); }<br /> }<br /> @keyframes dk-jitter-3 {<br /> 20% { transform: translate(-0.04em, 0.04em) rotate(-2.5deg); }<br /> 40% { transform: translate(0.04em, -0.04em) rotate(2.5deg); }<br /> 60% { transform: translate(-0.04em, -0.04em) rotate(-2.5deg); }<br /> 80% { transform: translate(0.04em, 0.04em) rotate(2.5deg); }<br /> }<br /> @keyframes dk-jitter-4 {<br /> 20% { transform: translate(-0.06em, 0.06em) rotate(-4deg); }<br /> 40% { transform: translate(0.06em, -0.06em) rotate(4deg); }<br /> 60% { transform: translate(-0.06em, -0.06em) rotate(-4deg); }<br /> 80% { transform: translate(0.06em, 0.06em) rotate(4deg); }<br /> }<br /> @keyframes dk-jitter-5 {<br /> 20% { transform: translate(-0.09em, 0.09em) rotate(-6deg); }<br /> 40% { transform: translate(0.09em, -0.09em) rotate(6deg); }<br /> 60% { transform: translate(-0.09em, -0.09em) rotate(-6deg); }<br /> 80% { transform: translate(0.09em, 0.09em) rotate(6deg); }<br /> }<br /> @keyframes dk-jitter-6 {<br /> 20% { transform: translate(-0.12em, 0.12em) rotate(-8deg); }<br /> 40% { transform: translate(0.12em, -0.12em) rotate(8deg); }<br /> 60% { transform: translate(-0.12em, -0.12em) rotate(-8deg); }<br /> 80% { transform: translate(0.12em, 0.12em) rotate(8deg); }<br /> }<br /> @keyframes dk-jitter-7 {<br /> 20% { transform: translate(-0.16em, 0.16em) rotate(-11deg); }<br /> 40% { transform: translate(0.16em, -0.16em) rotate(11deg); }<br /> 60% { transform: translate(-0.16em, -0.16em) rotate(-11deg); }<br /> 80% { transform: translate(0.16em, 0.16em) rotate(11deg); }<br /> }<br /> @keyframes dk-jitter-8 {<br /> 20% { transform: translate(-0.22em, 0.22em) rotate(-15deg); }<br /> 40% { transform: translate(0.22em, -0.22em) rotate(15deg); }<br /> 60% { transform: translate(-0.22em, -0.22em) rotate(-15deg); }<br /> 80% { transform: translate(0.22em, 0.22em) rotate(15deg); }<br /> }<br /> @keyframes dk-jitter-9 {<br /> 20% { transform: translate(-0.3em, 0.3em) rotate(-20deg); }<br /> 40% { transform: translate(0.3em, -0.3em) rotate(20deg); }<br /> 60% { transform: translate(-0.3em, -0.3em) rotate(-20deg); }<br /> 80% { transform: translate(0.3em, 0.3em) rotate(20deg); }<br /> }<br /> @keyframes dk-jitter-10 {<br /> 20% { transform: translate(-0.4em, 0.4em) rotate(-27deg); }<br /> 40% { transform: translate(0.4em, -0.4em) rotate(27deg); }<br /> 60% { transform: translate(-0.4em, -0.4em) rotate(-27deg); }<br /> 80% { transform: translate(0.4em, 0.4em) rotate(27deg); }<br /> }<br /> <br /> /* ====== 缩放（倍数）====== */<br /> .dk-pulse-1 { animation: dk-pulse-1 .8s infinite ease-in-out; }<br /> .dk-pulse-2 { animation: dk-pulse-2 .8s infinite ease-in-out; }<br /> .dk-pulse-3 { animation: dk-pulse-3 .8s infinite ease-in-out; }<br /> .dk-pulse-4 { animation: dk-pulse-4 .8s infinite ease-in-out; }<br /> .dk-pulse-5 { animation: dk-pulse-5 .8s infinite ease-in-out; }<br /> .dk-pulse-6 { animation: dk-pulse-6 .8s infinite ease-in-out; }<br /> .dk-pulse-7 { animation: dk-pulse-7 .8s infinite ease-in-out; }<br /> .dk-pulse-8 { animation: dk-pulse-8 .8s infinite ease-in-out; }<br /> .dk-pulse-9 { animation: dk-pulse-9 .8s infinite ease-in-out; }<br /> .dk-pulse-10 { animation: dk-pulse-10 .8s infinite ease-in-out; }<br /> @keyframes dk-pulse-1 { 50% { transform: scale(1.02); } }<br /> @keyframes dk-pulse-2 { 50% { transform: scale(1.035); } }<br /> @keyframes dk-pulse-3 { 50% { transform: scale(1.05); } }<br /> @keyframes dk-pulse-4 { 50% { transform: scale(1.07); } }<br /> @keyframes dk-pulse-5 { 50% { transform: scale(1.1); } }<br /> @keyframes dk-pulse-6 { 50% { transform: scale(1.14); } }<br /> @keyframes dk-pulse-7 { 50% { transform: scale(1.18); } }<br /> @keyframes dk-pulse-8 { 50% { transform: scale(1.24); } }<br /> @keyframes dk-pulse-9 { 50% { transform: scale(1.3); } }<br /> @keyframes dk-pulse-10 { 50% { transform: scale(1.38); } }<br /> <br /> /* ====== 逐字模式 ====== */<br /> .shake-chars { display: inline-block; }<br /> .shake-char { display: inline-block; }<br /> .shake-char:nth-child(3n+1) { animation-duration: .45s; }<br /> .shake-char:nth-child(3n+2) { animation-duration: .55s; }<br /> .shake-char:nth-child(3n+3) { animation-duration: .5s; }<br /> <br /> @media (prefers-reduced-motion: reduce) {<br /> .dk-translate-1, .dk-translate-2, .dk-translate-3, .dk-translate-4, .dk-translate-5,<br /> .dk-translate-6, .dk-translate-7, .dk-translate-8, .dk-translate-9, .dk-translate-10,<br /> .dk-rotate-1, .dk-rotate-2, .dk-rotate-3, .dk-rotate-4, .dk-rotate-5,<br /> .dk-rotate-6, .dk-rotate-7, .dk-rotate-8, .dk-rotate-9, .dk-rotate-10,<br /> .dk-bounce-1, .dk-bounce-2, .dk-bounce-3, .dk-bounce-4, .dk-bounce-5,<br /> .dk-bounce-6, .dk-bounce-7, .dk-bounce-8, .dk-bounce-9, .dk-bounce-10,<br /> .dk-swing-1, .dk-swing-2, .dk-swing-3, .dk-swing-4, .dk-swing-5,<br /> .dk-swing-6, .dk-swing-7, .dk-swing-8, .dk-swing-9, .dk-swing-10,<br /> .dk-jitter-1, .dk-jitter-2, .dk-jitter-3, .dk-jitter-4, .dk-jitter-5,<br /> .dk-jitter-6, .dk-jitter-7, .dk-jitter-8, .dk-jitter-9, .dk-jitter-10,<br /> .dk-pulse-1, .dk-pulse-2, .dk-pulse-3, .dk-pulse-4, .dk-pulse-5,<br /> .dk-pulse-6, .dk-pulse-7, .dk-pulse-8, .dk-pulse-9, .dk-pulse-10 { animation: none; }<br /> }</div>

晨茗biu～