这是林泊百科的迁移技术测试站点,所有改动不会同步到林泊百科上,此站点将会在正式迁移后关闭,请勿存放重要数据
模板:Neon/styles.css:修订间差异
< 模板:Neon
无编辑摘要 标签:(旧)WikiEditor |
无编辑摘要 标签:(旧)WikiEditor |
||
| 第1行: | 第1行: | ||
.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: | 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); } | ||
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); }
}