Skip to content

Commit 164c9a7

Browse files
ShellDreddShellDredd
authored
Add files via upload
1 parent 2a92f89 commit 164c9a7

File tree

1 file changed

+157
-0
lines changed

1 file changed

+157
-0
lines changed

‎evento.html‎

Lines changed: 157 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
2+
<link rel="stylesheet" href="colorcete.css">
3+
4+
<!DOCTYPE html>
5+
<html lang="en">
6+
7+
<head>
8+
<meta charset="UTF-8">
9+
<title>Envento A Coruña</title>
10+
<style>
11+
html,
12+
body {
13+
margin: 0;
14+
padding: 0;
15+
width: 100%;
16+
height: 100%;
17+
display: table;
18+
background: black;
19+
}
20+
21+
.container {
22+
display: table-cell;
23+
text-align: center;
24+
vertical-align: middle;
25+
}
26+
27+
.text {
28+
font-family: impact;
29+
color: #426DFB;
30+
font-size: 9vw;
31+
line-height: 15vw;
32+
text-shadow: 0 0 3vw #2356FF;
33+
animation: text 1s ease infinite;
34+
-moz-animation: text 1s ease infinite;
35+
-webkit-animation: text 1s ease infinite;
36+
letter-spacing: 2px;
37+
}
38+
39+
@keyframes text {
40+
41+
0%,
42+
100% {
43+
text-shadow: 0 0 1vw #ef10ff, 0 0 3vw #ff10d7, 0 0 10vw #ea64ff, 0 0 10vw #f14ff6, 0 0 .4vw #d64df2, .5vw .5vw .1vw #e535ce;
44+
color: #fe28fe;
45+
}
46+
47+
50% {
48+
text-shadow: 0 0 .5vw #80087c, 0 0 1.5vw #800878, 0 0 5vw #800880, 0 0 5vw #800880, 0 0 .2vw #800880, .5vw .5vw .1vw #3e0a40;
49+
color: #b020a0;
50+
}
51+
}
52+
53+
.subtext {
54+
font-family: tahoma;
55+
color: #FB4264;
56+
font-size: 5vw;
57+
line-height: 5vw;
58+
text-shadow: 0 0 3vw #F40A35;
59+
animation: subtext 1s ease infinite;
60+
-moz-animation: subtext 1s ease infinite;
61+
-webkit-animation: subtext 1s ease infinite;
62+
transform: rotate(-20deg);
63+
position: relative;
64+
top: -30px;
65+
}
66+
67+
@keyframes subtext {
68+
69+
0%,
70+
100% {
71+
text-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
72+
color: #FED128;
73+
}
74+
75+
50% {
76+
text-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
77+
color: #806914;
78+
}
79+
}
80+
81+
.hr-text {
82+
width: 35vw;
83+
height: 5px;
84+
margin: auto;
85+
background-color: #FED128;
86+
box-shadow: 0 0 3vw #F40A35;
87+
animation: hrtext 1s ease infinite;
88+
-moz-animation: hrtext 1s ease infinite;
89+
-webkit-animation: hrtext 1s ease infinite;
90+
}
91+
92+
@keyframes hrtext {
93+
94+
0%,
95+
100% {
96+
box-shadow: 0 0 1vw #FA1C16, 0 0 3vw #FA1C16, 0 0 10vw #FA1C16, 0 0 10vw #FA1C16, 0 0 .4vw #FED128, .5vw .5vw .1vw #806914;
97+
color: #FED128;
98+
}
99+
100+
50% {
101+
box-shadow: 0 0 .5vw #800E0B, 0 0 1.5vw #800E0B, 0 0 5vw #800E0B, 0 0 5vw #800E0B, 0 0 .2vw #800E0B, .5vw .5vw .1vw #40340A;
102+
color: #806914;
103+
}
104+
}
105+
106+
.hr-text-blue {
107+
width: 35vw;
108+
height: 5px;
109+
margin: auto;
110+
background-color: #ed8bfe;
111+
box-shadow: 0 0 3vw #2356FF;
112+
animation: hrtextblue 1s ease infinite;
113+
-moz-animation: hrtextblue 1s ease infinite;
114+
-webkit-animation: hrtextblue 1s ease infinite;
115+
margin-top: 15px;
116+
}
117+
118+
@keyframes hrtextblue {
119+
120+
0%,
121+
100% {
122+
box-shadow: 0 0 1vw #1041FF, 0 0 3vw #1041FF, 0 0 10vw #1041FF, 0 0 10vw #1041FF, 0 0 .4vw #8BFDFE, .5vw .5vw .1vw #147280;
123+
color: #28D7FE;
124+
}
125+
126+
50% {
127+
box-shadow: 0 0 .5vw #082180, 0 0 1.5vw #082180, 0 0 5vw #082180, 0 0 5vw #082180, 0 0 .2vw #082180, .5vw .5vw .1vw #0A3940;
128+
color: #146C80;
129+
}
130+
}
131+
</style>
132+
</head>
133+
134+
<body>
135+
<html lang="en">
136+
137+
<head>
138+
<meta charset="UTF-8">
139+
<title>Text Effect</title>
140+
<link rel="stylesheet" href="css/style.css">
141+
</head>
142+
143+
<body>
144+
<div class="container">
145+
<div class="text">ShellDredd</div>
146+
<div class="hr-text"></div>
147+
<div class="hr-text-blue"></div>
148+
<div class="subtext"><span>7 - 8 de Julio</span></div>
149+
<div class="subtext"><span>A Coruña, Galicia</span></div>
150+
</div>
151+
</body>
152+
153+
</html>
154+
155+
</body>
156+
157+
</html>

0 commit comments

Comments
 (0)