programmer_clicker/CoderClicker.css at master · Pirvu2k/programmer_clicker · 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
@-webkit-keyframes typing {
    from { width: 0 }
    to { width:12em }
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:12em }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

h1 {font-family: Consolas, monospace;

    width:13em;
    white-space:nowrap;
    overflow:hidden;
    color:black;
    border-right: .1em solid black;

    -webkit-animation: typing 5s steps(21, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 5s steps(21, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}

button{
  margin-top:10px;
}

li{
  width:300px;
}