模板:Neon/styles.css

/* 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);
    }
}