dev #14

Merged
Giovanni-Josserand merged 32 commits from dev into main 2025-08-28 13:35:46 +00:00
3 changed files with 2 additions and 20 deletions
Showing only changes of commit 59f0d83013 - Show all commits

Binary file not shown.

View File

@ -7,10 +7,6 @@
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
/*background-image: url('/public/assets/images/space.jpg');
background-size: cover;
background-position: center;
z-index: 1;*/
} }

View File

@ -9,7 +9,6 @@
z-index: -1; z-index: -1;
} }
/* Étoiles */
.star { .star {
position: absolute; position: absolute;
width: 2px; width: 2px;
@ -32,44 +31,31 @@
background: #0D0D0D; background: #0D0D0D;
border-radius: 60% 60% 0 0 / 100% 100% 0 0; border-radius: 60% 60% 0 0 / 100% 100% 0 0;
z-index: 1; z-index: 1;
/* Halo extérieur et intérieur */
box-shadow: box-shadow:
0 -20px 60px 10px rgba(255, 255, 255, 0.35), 0 -20px 60px 10px rgba(255, 255, 255, 0.35),
inset 0 20px 60px 10px rgba(255, 255, 255, 0.25); inset 0 20px 60px 10px rgba(255, 255, 255, 0.25);
} }
/* Ligne lumineuse nette et fine en arc */
.planet::after { .planet::after {
content: ""; content: "";
position: absolute; position: absolute;
top: -3px; /* colle bien au bord */ top: -3px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top: 2.5px solid white; /* ligne légèrement plus épaisse */ border-top: 2.5px solid white;
border-radius: 60% 60% 0 0 / 100% 100% 0 0; border-radius: 60% 60% 0 0 / 100% 100% 0 0;
mask-image: linear-gradient(to right, transparent 0%, white 40%, white 60%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, white 40%, white 60%, transparent 100%);
pointer-events: none; pointer-events: none;
z-index: 2; z-index: 2;
} }
@keyframes twinkle { @keyframes twinkle {
0% { opacity: 0.3; transform: scale(0.8); } 0% { opacity: 0.3; transform: scale(0.8); }
100% { opacity: 1; transform: scale(1.2); } 100% { opacity: 1; transform: scale(1.2); }
} }
/* Nébuleuses */
.nebula { .nebula {
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;