-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (61 loc) · 1.66 KB
/
index.html
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
61
62
63
64
65
66
67
<html>
<head>
<style>
@keyframes scroll-text {
0% { top: 0px; }
30% { top: -885px; }
50% { top: -885px; }
70% { top: -1680px; }
90% { top: -1680px; }
100% { top: 0px; }
}
body {
font-family: "DINProMedium",Arial,sans-serif;
font-size: 70px;
text-align: center;
width: 100%;
}
.left {
position: absolute;
top: 0px;
left: 50px;
}
.center {
position: absolute;
top: 0px;
left: 340px;
width: 210px;
overflow: hidden;
text-align: center;
animation: scroll-text 3s infinite;
}
.right {
position: absolute;
top: 0px;
left: 555px;
}
.animated {
position: absolute;
}
.container {
position: absolute;
top: 410px;
width: 100%;
height: 80px;
left: 100px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="container">
<div class="left">It's pretty </div>
<div class="center">fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool
easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast
cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy
fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool easy fast cool
</div>
<div class="right"> with the Anypoint Platform</div>
</div>
</body>
</html>