wordle/style.css at master · mohiwalla/wordle · 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
* {
    font-family: "Inter", sans-serif;
    transition: background-color 200ms;
}

h1 {
    font-family: "Edu AU VIC WA NT Dots", cursive;
}

.error-shake {
    animation: error-shake 500ms ease-in forwards !important;
}

.jump-zoom {
    animation: jump-zoom 200ms;
}

@keyframes jump-zoom {
    30% {
        transform: scale(1.1);
    }
}

@keyframes error-shake {
    15% {
        transform: translateX(-10px);
    }

    30% {
        transform: translateX(10px);
    }

    45% {
        transform: translateX(-8px);
    }

    60% {
        transform: translateX(8px);
    }

    75% {
        transform: translateX(-5px);
    }

    90% {
        transform: translateX(5px);
    }
}

.corret-letter-correct-position {
    background-color: #00ff0080;
}

.corret-letter-wrong-position {
    background-color: #ffff0080;
}

.wrong-letter-wrong-position {
    background-color: #80808080;
}