这是林泊百科的迁移技术测试站点,所有改动不会同步到林泊百科上,此站点将会在正式迁移后关闭,请勿存放重要数据

模板:Neon/styles.css:修订间差异

来自Limbo Wiki
跳转到导航 跳转到搜索
Gaoice留言 | 贡献
无编辑摘要
标签(旧)WikiEditor
Gaoice留言 | 贡献
无编辑摘要
标签(旧)WikiEditor
 
第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月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); }
}