dev #14
Binary file not shown.
@ -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;*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
18
src/styles/thirdParty/Background.css
vendored
18
src/styles/thirdParty/Background.css
vendored
@ -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%;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user