https://pigeongames.gaoice.run/index.php?action=history&feed=atom&title=%E7%94%A8%E6%88%B7%3AStaf_Irity%2FSandbox03.css 2026-08-16T01:13:18Z 本wiki上该页面的版本历史 MediaWiki 1.45.3 https://pigeongames.gaoice.run/index.php?title=%E7%94%A8%E6%88%B7:Staf_Irity/Sandbox03.css&diff=52077&oldid=prev 2025-03-03T17:13:00Z

<p>创建页面，内容为“<span class="autocomment">Use example: &lt;templatestyles src=&quot;User:Staf Irity/Sandbox03.css&quot; /&gt;：​</span> <span class="autocomment">&lt;div class=&quot;moveTextWrapper&quot; style=&quot;width:100%;&quot;&gt; &lt;div class=&quot;moveText&quot;&gt;移动的荧光的文字&lt;/div&gt;：​</span> .moveTextWrapper { position:absolute; overflow:hidden; } .moveText { padding: 0; display: inline-block; position: relative; white-space: nowrap; animation: scroll-text 5s linear infinite;<span class="autocomment">时间随便调：​</span> text-shadow: #FC0 1px 0 10px;/* From devel…”</p> <p><b>新页面</b></p><div>/* Use example: &lt;templatestyles src=&quot;User:Staf Irity/Sandbox03.css&quot; /&gt; */<br /> <br /> /*<br /> &lt;div class=&quot;moveTextWrapper&quot; style=&quot;width:100%;&quot;&gt;<br /> &lt;div class=&quot;moveText&quot;&gt;移动的荧光的文字&lt;/div&gt;<br /> */<br /> .moveTextWrapper {<br /> position:absolute;<br /> overflow:hidden;<br /> }<br /> .moveText {<br /> padding: 0;<br /> display: inline-block;<br /> position: relative;<br /> white-space: nowrap; <br /> animation: scroll-text 5s linear infinite;/* 时间随便调 */<br /> text-shadow: #FC0 1px 0 10px;/* From developer.mozilla.org/zh-CN/docs/Web/CSS/text-shadow */<br /> }<br /> <br /> <br /> @keyframes scroll-text {<br /> 0% {<br /> left:-20em;/* 数字自己看着调，反正必须是负数，负多少取决于字符串长度+你想要的空隙事件，至少得-(字符串长度)em */<br /> }<br /> 100% {<br /> left:100%;<br /> }<br /> }</div>

Staf Irity