ajout du titre en cyberpunk
This commit is contained in:
arussac
107
css/style.css
107
css/style.css
@@ -34,7 +34,7 @@ body::before {
|
||||
.form-container {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
z-index: 20;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
@@ -244,3 +244,108 @@ footer {
|
||||
transform: translateY(0); /* Remove lift on click */
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Reduce shadow on click */
|
||||
}
|
||||
|
||||
@keyframes glitch {
|
||||
0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);}
|
||||
27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);}
|
||||
28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; filter: blur(0);}
|
||||
42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; filter: blur(0);}
|
||||
43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; filter: blur(0);}
|
||||
62% { text-shadow: 0 0 0 red, 0 0 0 lime; filter: blur(0);}
|
||||
63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; filter: blur(0);}
|
||||
72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; filter: blur(0);}
|
||||
73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; filter: blur(0);}
|
||||
92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; filter: blur(0);}
|
||||
92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
}
|
||||
|
||||
@@ -60,4 +60,10 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
#global_title {
|
||||
animation: glitch 3s steps(100) infinite;
|
||||
color: #151515;
|
||||
font-size: 13vh;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -1,47 +0,0 @@
|
||||
@bggradient: linear-gradient(to right top, #ffffff, #f5f4f5, #ebeaeb, #e2dfe0, #d9d5d5);
|
||||
@ball: #f57724;
|
||||
@text: #414141;
|
||||
|
||||
|
||||
#name_project {
|
||||
position: absolute;
|
||||
font-size: 40px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
top: 50px;
|
||||
left: 115px;
|
||||
color: darken(@text, 10%);
|
||||
animation: textreveal 4s infinite alternate;
|
||||
}
|
||||
|
||||
#ball {
|
||||
position: absolute;
|
||||
top: 27.5px;
|
||||
left: 50px;
|
||||
height: 98px;
|
||||
width: 100px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
background-color: @ball;
|
||||
border-radius: 50%;
|
||||
animation: ballmove 4s infinite alternate;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
@keyframes ballmove {
|
||||
0%{transform: translate(0px, 8.5px) scale(0.1);}
|
||||
25%{transform: translateX(127.5px) scale(0.5);}
|
||||
50%{transform: translateX(255px) scale(0.1);}
|
||||
75%{transform: translateX(127.5px) scale(0.5);}
|
||||
100%{transform: translate(0px, 8.5px) scale(0.1);}
|
||||
}
|
||||
|
||||
@keyframes textreveal {
|
||||
0% {width: 0;}
|
||||
10% {width: 0;}
|
||||
50% {width: 240px;}
|
||||
100% {width: 0;}
|
||||
}
|
||||
@@ -53,7 +53,7 @@
|
||||
}
|
||||
|
||||
.arrow-icon {
|
||||
z-index: 100;
|
||||
z-index: 15;
|
||||
height: 3em;
|
||||
width: 2.8em;
|
||||
padding: 0.5em;
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
|
||||
.left-bar, .right-bar {
|
||||
z-index: 100;
|
||||
z-index: 15;
|
||||
position: absolute;
|
||||
background-color: transparent;
|
||||
width: 40px;
|
||||
@@ -140,107 +140,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes glitch {
|
||||
0% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
1% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
2% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
3% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
4% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
5% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
6% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
7% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
8% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
9% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
10% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
11% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
12% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
13% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
14% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
15% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
16% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
17% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
18% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
19% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
20% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
21% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
22% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
23% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
24% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
25% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
26% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);}
|
||||
27% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0.5px);}
|
||||
28% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
29% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
30% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
31% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
32% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
33% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
34% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
35% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
36% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
37% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
38% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
39% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
40% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
41% { text-shadow: 45px 0 0 #0c33f5, -45px 0 0 lime; filter: blur(0);}
|
||||
42% { text-shadow: 0 0 0 #0c33f5, 0 0 0 lime; filter: blur(0);}
|
||||
43% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
44% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
45% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
46% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
47% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
48% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
49% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
50% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
51% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
52% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
53% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
54% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
55% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
56% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
57% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
58% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
59% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
60% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
61% { text-shadow: 30px 0 0 red, -30px 0 0 lime; filter: blur(0);}
|
||||
62% { text-shadow: 0 0 0 red, 0 0 0 lime; filter: blur(0);}
|
||||
63% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
64% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
65% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0);}
|
||||
66% { text-shadow: 1px 0 0 red, -1px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
67% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0.5px);}
|
||||
68% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
69% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
70% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
71% { text-shadow: 50px 0 0 red, -50px 0 0 #0c33f5; filter: blur(0);}
|
||||
72% { text-shadow: 0 0 0 red, 0 0 0 #0c33f5; filter: blur(0);}
|
||||
73% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
74% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
75% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
76% { text-shadow: 3px 0 0 red, -3px 0 0 #0c33f5; filter: blur(0);}
|
||||
77% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
78% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
79% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
80% { text-shadow: -3px 0 0 red, 3px 0 0 #0c33f5; filter: blur(0);}
|
||||
81% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
82% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0);}
|
||||
83% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
84% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
85% { text-shadow: 1px 0 0 red, -1px 0 0 lime; filter: blur(0.5px);}
|
||||
86% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
87% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0.5px);}
|
||||
88% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
89% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
90% { text-shadow: -3px 0 0 red, 3px 0 0 lime; filter: blur(0);}
|
||||
91% { text-shadow: 60px 0 0 lime, -60px 0 0 #0c33f5; filter: blur(0);}
|
||||
92% { text-shadow: 0 0 0 lime, 0 0 0 #0c33f5; filter: blur(0);}
|
||||
92% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
93% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
94% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
95% { text-shadow: 0.8px 0 0 #0c33f5, -0.8px 0 0 lime; filter: blur(0);}
|
||||
96% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
97% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
98% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
99% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
100% { text-shadow: -3px 0 0 #0c33f5, 3px 0 0 lime; filter: blur(0);}
|
||||
.form-header {
|
||||
display: flex;
|
||||
justify-content: right; /* Aligns items with space between them */
|
||||
;
|
||||
}
|
||||
|
||||
#close-form-button-project{
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
@@ -20,7 +20,9 @@
|
||||
<!-- formulaire nouveau projet -->
|
||||
<div id="form-container-project" class="form-container" style="display: none">
|
||||
<div class="form-content">
|
||||
<div class="form-header">
|
||||
<button id="close-form-button-project" class="default-delete-button">×</button>
|
||||
</div>
|
||||
<h1>Formulaire</h1>
|
||||
<div id="my-form">
|
||||
<label for="name">Nom :</label>
|
||||
@@ -72,7 +74,9 @@
|
||||
<!-- Formulaire configuration de la caméra -->
|
||||
<div id="form-container-camera" class="form-container" style="display: none">
|
||||
<div class="form-content">
|
||||
<button id="close-form-button-camera" class="default-delete-button">×</button>
|
||||
<div class="form-header">
|
||||
<button id="close-form-button-camera" class="default-delete-button">✕</button>
|
||||
</div>
|
||||
<h1>Formulaire</h1>
|
||||
<span>La fréquence minimale est de 3 minutes entre deux images</span>
|
||||
<div class="frequency-control">
|
||||
|
||||
@@ -39,7 +39,9 @@
|
||||
<button class="default-button" id="download"><span>Download App</span></button>
|
||||
<button class="default-button" id="show-form-button"><span>+</span></button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 id="global_title">Caméra Timelapse</h1>
|
||||
</div>
|
||||
<div id="carousel-container">
|
||||
<button id="prev-button" class="nav-button">←</button>
|
||||
<div id="carousel">
|
||||
|
||||
Reference in New Issue
Block a user