codenimation/teste.html at master · leofavre/codenimation · 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
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <title>Tste de CSS Safari</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <link type="text/css" rel="stylesheet" href="css/index.css" />
    <style>
    	.type-animation { top: 10px; left: 10px; }
    	.type-animation--normal { top: 30px; left: -0px; }
    	.type-animation--bigger { top: 330px; left: -0px; }
    </style>
</head>

<body>
    <div class="type-canvas">
        <div class="type-animation type-animation--bigger"><span class="type-animation__code"><span class="type-animation__inner">d<span class="type-animation__selection type-animation__selection--blinking-start">HT<br>ML;&gt;<span class="type-animation__selection"></span></span></span></div>
        <div class="type-animation type-animation--normal"><span class="type-animation__code"><span class="type-animation__inner">d<span class="type-animation__selection type-animation__selection--blinking-start">HT<br>ML;&gt;<span class="type-animation__selection"></span></span></span></div>
        <div class="type-animation type-animation--smaller"><span class="type-animation__code"><span class="type-animation__inner">d<span class="type-animation__selection type-animation__selection--blinking-start">HT<br>ML;&gt;<span class="type-animation__selection"></span></span></span></div>
    </div>
</body>

</html>