maj title

This commit is contained in:
arussac
2025-03-31 10:37:20 +02:00
parent 9e3d06cada
commit b8929931e8
5 changed files with 59 additions and 16 deletions

View File

@@ -13,6 +13,8 @@ body::before {
}
.container {
position: absolute;
top: 28vh;
max-width: 1140px;
margin: auto;
padding: 15px;
@@ -361,14 +363,15 @@ footer {
.container-title {
text-align: center;
position: absolute;
top:5vh
}
.container-title #xyz {
left: 25vw;
font-family: 'Cabin Condensed', sans-serif;
position: relative;
white-space: nowrap;
font-size: 10vh;
font-size: 4.5vw;
max-width: 40vw;
font-weight: bold;
overflow: hidden;
@@ -376,9 +379,9 @@ footer {
animation: textreveal 4s infinite alternate;
}
.container-title #ball {
top: 14vh;
top: 4vh;
position: absolute;
height: 20vh;
height: 10vw;
width: 10vw;
white-space: nowrap;
overflow: hidden;

View File

@@ -12,6 +12,8 @@
}
.global_title {
position: absolute;
width: 99vw;
animation: glitch 3s steps(100) infinite;
color: #151515;
font-size: 10vh;
@@ -20,8 +22,9 @@
}
#carousel-dots {
position: sticky;
bottom: 0;
width: 99vw;
position: absolute;
bottom: 12vh;
display: flex;
justify-content: center;
align-items: center;
@@ -30,7 +33,7 @@
.dot {
z-index: 30;
width: 0.8vw;
height: 1.8vh;
height: 0.8vw;
margin: 0 0.3vw;
background-color: #bbb;
border-radius: 50%;
@@ -47,7 +50,7 @@
width: 25vw;
height: 47vh;
position: relative;
perspective: 100vw;
perspective: 99vw;
}
.carousel {

View File

@@ -126,10 +126,10 @@
transform: rotate(70deg);
}
#name_project {
.name_project {
animation: glitch 3s steps(100) infinite;
color: #151515;
font-size: 6em;
color: #ffffff;
font-size: 10vh;
text-align: center;
text-transform: uppercase;
}
@@ -139,3 +139,16 @@
font-size: 2em;
}
}
.container-title #xyzv {
left: 25vw;
font-family: 'Cabin Condensed', sans-serif;
position: relative;
white-space: nowrap;
font-size: 10vh;
max-width: 40vw;
font-weight: bold;
overflow: hidden;
color: #f6f6f6;
animation: none;
}