这是林泊百科的迁移技术测试站点,所有改动不会同步到林泊百科上,此站点将会在正式迁移后关闭,请勿存放重要数据
模板:Neon/styles.css:修订间差异
< 模板:Neon
创建页面,内容为“→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; }…” 标签:(旧)WikiEditor |
无编辑摘要 标签:(旧)WikiEditor |
||
| (未显示同一用户的1个中间版本) | |||
| 第1行: | 第1行: | ||
.neon-item { | .neon-item { | ||
| 第13行: | 第10行: | ||
0 0 6px var(--glow, #0ff), | 0 0 6px var(--glow, #0ff), | ||
0 0 12px var(--glow); | 0 0 12px var(--glow); | ||
transition: | transition: opacity 0.15s ease, filter 0.15s ease; | ||
} | } | ||
| 第25行: | 第22行: | ||
background: #000; | 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); } | ||
50% { opacity: 1; filter: brightness(1.3); } | |||
50% { | |||
} | } | ||
2026年7月17日 (五) 01:33的最新版本
.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: opacity 0.15s ease, filter 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);
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;
}
@keyframes neon-breathe {
0%, 100% { opacity: 0.7; filter: brightness(0.6); }
50% { opacity: 1; filter: brightness(1.3); }
}