VOTRE INSCRIPTION EST CONFIRMÉE

FÉLICITATION !

RÉCUPERER VOS RESSOURCES CI-DESSOUS :

Code 1 : fond vidéo

<div class="autoplay">

<video preload="auto" loop="loop" autoplay="true" muted="muted" volume="0">

<source src="votre-vidéo">

</video>

</div>

<style>

.autoplay{

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

}

.autoplay video{

object-fit: cover !important;

height: 100% !important;

width: 100% !important;

}

#section-56f67e01{

position: relative !important;

}

#section-56f67e01 [width="1120px"] > div, #row-cd80f1d0 [size="12"] > div{

position: relative !important;

}

/*Position RELATIVE*/

#section-56f67e01{

position: relative !important;

}

</style>

Code 1 : fond vidéo (position unset)

/*Position UNSET*/

#row-125120e1 [size="12"] > div,

#row-125120e1, #row-125120e1,

#section-48d53560 [width="1120px"] > div:first-of-type,

#section-48d53560 [width="1120px"] > div:first-of-type{

position: unset !important;

}

Code 2 : la planète qui bouge

#image-f0cefc54 {

animation: pulse 10s infinite ease-in-out alternate;

}

@keyframes pulse {

from { transform: scale(0.8); }

to { transform: scale(1.2); }

}

Code 3 : Le premier plan (pour que l'image colle les bord)

#row-a5ce93bd {

width: 100vw !important;

max-width: 100vw !important;

margin: 0 !important;

padding: 0 !important;

display: block !important;

position: relative !important;

left: 50% !important;

transform: translateX(-50%) !important;

}

Code 4 : Bonus (transtion de section)

#section-68d913c9{

border-radius: 10% 10% 0% 0%;

background-image:

url("https://d1yei2z3i6k35z.cloudfront.net/188908/67af561525333_dfhsdhsdhsdhs.png")

!important;

}