模板:Neon/styles.css - 版本历史

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

2026-07-16T17:33:04Z

←上一版本		2026年7月17日 (五) 01:33的版本
第1行：		第1行：
	~~/* Template:Neon/styles.css — 霓虹呼吸灯样式~~
	~~将此内容粘贴到 Template:Neon/styles.css 页面~~
	~~确认该页面内容模型为 "CSS"（而非 wikitext）*/~~

	.neon-item {		.neon-item {
第7行：		第4行：
	cursor: pointer;		cursor: pointer;
	display: inline-block;		display: inline-block;
			background: #000;
	color: var(--font, #fff);		color: var(--font, #fff);
	text-shadow:		text-shadow:
第12行：		第10行：
	0 0 6px var(--glow, #0ff),		0 0 6px var(--glow, #0ff),
	0 0 12px var(--glow);		0 0 12px var(--glow);
	transition: ~~text-shadow~~ 0.15s ease;		transition: opacity 0.15s ease, filter 0.15s ease;
	}		}

第22行：		第20行：
	margin: 0;		margin: 0;
	display: inline-block;		display: inline-block;
			background: #000;
	color: var(--font, #fff);		color: var(--font, #fff);
			text-shadow:
			0 0 2px var(--stroke, #fff),
			0 0 8px var(--glow, #0ff),
			0 0 16px var(--glow),
			0 0 30px var(--glow);
	animation: neon-breathe 2.5s ease-in-out infinite;		animation: neon-breathe 2.5s ease-in-out infinite;
	}		}

	@keyframes neon-breathe {		@keyframes neon-breathe {
	0% {		0%, 100% { opacity: 0.7; filter: brightness(0.6); }
	~~text-shadow~~:		50% { opacity: 1; filter: brightness(1.3); }
	0 ~~0 2px var~~(~~--stroke, #fff),~~
	~~0 0 8px var(--glow, #0ff),~~
	~~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~~);
	}
	}		}

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

2026-07-16T16:17:32Z

←上一版本		2026年7月17日 (五) 00:17的版本
第7行：		第7行：
	cursor: pointer;		cursor: pointer;
	display: inline-block;		display: inline-block;
	~~background: #000;~~
	color: var(--font, #fff);		color: var(--font, #fff);
	text-shadow:		text-shadow:
第23行：		第22行：
	margin: 0;		margin: 0;
	display: inline-block;		display: inline-block;
	~~background: #000;~~
	color: var(--font, #fff);		color: var(--font, #fff);
	animation: neon-breathe 2.5s ease-in-out infinite;		animation: neon-breathe 2.5s ease-in-out infinite;

Gaoice：创建页面，内容为“/* Template:Neon/styles.css — 霓虹呼吸灯样式将此内容粘贴到 Template:Neon/styles.css 页面确认该页面内容模型为 "CSS"（而非 wikitext）*/ .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; }…”

2026-07-16T16:14:53Z

创建页面，内容为“Template:Neon/styles.css — 霓虹呼吸灯样式将此内容粘贴到 Template:Neon/styles.css 页面确认该页面内容模型为 "CSS"（而非 wikitext）： .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; }…”

新页面

/* Template:Neon/styles.css — 霓虹呼吸灯样式
将此内容粘贴到 Template:Neon/styles.css 页面
确认该页面内容模型为 "CSS"（而非 wikitext）*/

.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, #fff),
0 0 8px var(--glow, #0ff),
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);
}
}