hehe/heheStyles.css at main · AlexPGdev/hehe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

    .animated-box {
        width: 650px;
        max-height: 630px;
        border-radius: 5px;
        box-shadow: 0 0 10px 2px #00f260, 0 0 10px 2px #0575e6, 0 0 10px 2px #00f260;
        animation: gradient-animation 4s ease-in-out infinite;
    }
    :root {
        --first-color: #00f260;
        --second-color: #0575e6;
        --blur-radius: 10px;
        --spread-radius: 2px;
        --anim-speed: 4s;
    }
    @keyframes gradient-animation {
        0% {
            box-shadow: 0 0 var(--blur-radius) var(--spread-radius) #00f260, 0 0 var(--blur-radius) var(--spread-radius) #0575e6, 0 0 var(--blur-radius) var(--spread-radius) #00f260;
        }
        50% {
            box-shadow: 0 0 var(--blur-radius) var(--spread-radius) #0575e6, 0 0 var(--blur-radius) var(--spread-radius) #00f260, 0 0 var(--blur-radius) var(--spread-radius) #0575e6;
        }
        100% {
            box-shadow: 0 0 var(--blur-radius) var(--spread-radius) #00f260, 0 0 var(--blur-radius) var(--spread-radius) #0575e6, 0 0 var(--blur-radius) var(--spread-radius) #00f260;
        }
    }