模板:Neon - 版本历史

2026年7月16日 (四) 16:30 Gaoice

2026-07-16T16:30:23Z

@@ 第13行： / 第13行： @@
 <noinclude>
+本模板之全部来自用户自定义，依 CC BY-SA 3.0 授权。
 <nowiki>{{Neon}}</nowiki> 模板用来生成带霓虹呼吸灯效果的文字，像呼吸一样缓缓明暗变化，支持悬停呼吸和自动呼吸两种模式。
@@ 第96行： / 第96行： @@
 | {{Neon|动态青色|color=#00eeff|mode=auto}}
 |}
 == 高级用法 ==

2026年7月16日 (四) 16:23 Gaoice

2026-07-16T16:23:39Z

@@ 第12行： / 第12行： @@
 ">{{{1|{{{text|{{PAGENAME}}}}}}}}</span></includeonly>
 <noinclude>
-{{Documentation}}
 <nowiki>{{Neon}}</nowiki> 模板用来生成带霓虹呼吸灯效果的文字，像呼吸一样缓缓明暗变化，支持悬停呼吸和自动呼吸两种模式。
@@ 第103行： / 第103行： @@
 {{Neon|霓|color=#ff3377|mode=auto|delay=0s}}{{Neon|虹|color=#ff3377|mode=auto|delay=0.15s}}{{Neon|呼|color=#ff3377|mode=auto|delay=0.3s}}{{Neon|吸|color=#ff3377|mode=auto|delay=0.45s}}{{Neon|灯|color=#ff3377|mode=auto|delay=0.6s}}
 </div>
 </noinclude>

2026年7月16日 (四) 16:22 Gaoice

2026-07-16T16:22:06Z

显示更改

2026年7月16日 (四) 16:16 Gaoice

2026-07-16T16:16:56Z

←上一版本		2026年7月17日 (五) 00:16的版本
第1行：		第1行：
	~~<includeonly>~~<templatestyles src="Neon/styles.css" /><!--		<templatestyles src="Neon/styles.css" /><!--
	==================================		==================================
	霓虹呼吸灯模板 - Neon Breathe		霓虹呼吸灯模板 - Neon Breathe
第24行：		第24行：
	animation-delay: {{{delay\|0s}}};		animation-delay: {{{delay\|0s}}};
	{{{style\|}}}		{{{style\|}}}
	">{{{text\|{{PAGENAME}}}}}</span~~></includeonly~~>		">{{{text\|{{PAGENAME}}}}}</span>

2026年7月16日 (四) 16:16 Gaoice

2026-07-16T16:16:35Z

←上一版本		2026年7月17日 (五) 00:16的版本
第25行：		第25行：
	{{{style\|}}}		{{{style\|}}}
	">{{{text\|{{PAGENAME}}}}}</span></includeonly>		">{{{text\|{{PAGENAME}}}}}</span></includeonly>
	~~<noinclude>~~
	~~{{Documentation}}~~

	~~== 模板说明 ==~~
	~~'''霓虹呼吸灯'''模板可以生成带霓虹发光效果的文字，支持'''鼠标悬停呼吸'''和'''自动呼吸'''两种模式。~~

	~~== 用法 ==~~
	~~<pre>~~
	~~{{Neon\|text=Hello World}}~~
	~~{{Neon\|text=霓虹文字\|color=#ff3377\|mode=auto}}~~
	~~{{Neon\|text=青色呼吸\|color=#00eeff\|mode=hover\|delay=0.5s}}~~
	~~</pre>~~

	~~== 参数 ==~~
	~~{\| class="wikitable"~~
	~~! 参数 !! 说明 !! 默认值~~
	\|-
	~~\| <code>text</code> \|\| 要显示的文字 \|\| 页面名称~~
	\|-
	~~\| <code>color</code> 或 <code>glow</code> \|\| 霓虹发光颜色 \|\| <code>#ff3377</code>~~
	\|-
	~~\| <code>font</code> \|\| 文字颜色 \|\| <code>#fff</code>~~
	\|-
	~~\| <code>stroke</code> \|\| 文字描边颜色 \|\| <code>#fff</code>~~
	\|-
	~~\| <code>mode</code> \|\| 呼吸模式：<code>hover</code>（悬停）或 <code>auto</code>（自动） \|\| <code>hover</code>~~
	\|-
	~~\| <code>delay</code> \|\| 动画延迟（仅 auto 模式生效） \|\| <code>0s</code>~~
	\|-
	~~\| <code>style</code> \|\| 额外 CSS 行内样式 \|\| —~~
	\|}

	~~== 示例 ==~~
	~~; 悬停呼吸（默认）~~
	~~{{Neon\|text=鼠标悬停发光\|color=#ff3377}}~~

	~~; 自动呼吸~~
	~~{{Neon\|text=自动呼吸灯效\|color=#00eeff\|mode=auto}}~~

	~~; 延迟呼吸（错开节奏）~~
	~~{{Neon\|text=慢慢呼吸\|color=#ffd700\|mode=auto\|delay=1s}}~~

	~~== 部署说明 ==~~
	~~本模板依赖 CSS 样式，有两种部署方式：~~

	~~=== 方式 A（推荐）：TemplateStyles ===~~
	~~# 创建 <code>Template:Neon/styles.css</code>，将以下内容完整粘贴进去：~~
	~~<pre>~~
	~~/* Template:Neon/styles.css — 霓虹呼吸灯样式 */~~
	~~.neon-item {~~
	~~margin: 0;~~
	~~cursor: pointer;~~
	~~display: inline-block;~~
	~~background: #000;~~
	~~color: var(--font, #fff);~~
	~~text-shadow: 0 0 2px var(--stroke, #fff), 0 0 6px var(--glow, #0ff), 0 0 12px var(--glow);~~
	~~transition: text-shadow 0.15s ease;~~
	}
	~~.neon-item:hover {~~
	~~animation: neon-breathe 2s ease-in-out infinite;~~
	}
	~~.neon-auto {~~
	~~margin: 0;~~
	~~display: inline-block;~~
	~~background: #000;~~
	~~color: var(--font, #fff);~~
	~~animation: neon-breathe 2.5s ease-in-out infinite;~~
	}
	~~@keyframes neon-breathe {~~
	~~0% { text-shadow: 0 0 2px var(--stroke), 0 0 8px var(--glow), 0 0 16px var(--glow), 0 0 30px var(--glow); }~~
	~~50% { text-shadow: 0 0 2px var(--stroke), 0 0 16px var(--glow), 0 0 40px var(--glow), 0 0 70px var(--glow), 0 0 100px var(--glow); }~~
	~~100% { text-shadow: 0 0 2px var(--stroke), 0 0 8px var(--glow), 0 0 16px var(--glow), 0 0 30px var(--glow); }~~
	}
	~~</pre>~~
	~~# 确认 <code>Template:Neon/styles.css</code> 的内容模型为 <code>CSS</code>（而非 wikitext），否则样式不会生效。~~

	~~=== 方式 B：Common.css ===~~
	~~将上面的 CSS 代码追加到 <code>MediaWiki:Common.css</code> 末尾。~~
	~~注意：这种方式会使样式在所有页面加载，可能影响性能。~~

	~~</noinclude>~~

模板:Neon - 版本历史

2026年7月16日 (四) 16:30 Gaoice

2026年7月16日 (四) 16:23 Gaoice

2026年7月16日 (四) 16:22 Gaoice

2026年7月16日 (四) 16:16 Gaoice

2026年7月16日 (四) 16:16 Gaoice

Gaoice：​创建页面，内容为“

Gaoice：创建页面，内容为“