Public Access
5
0

changements dahs la disposition de la section habilités

This commit is contained in:
Andres
2025-11-26 13:54:42 -05:00
parent 07056ea903
commit ad947ed0aa
2 changed files with 28 additions and 16 deletions

View File

@@ -48,22 +48,25 @@
incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
écarlate. écarlate.
</p> </p>
</div>
<div class="habilites"> <div class="habilites">
<h3>Habilités</h3> <h3>Habilités</h3>
<p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p> <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
<p>Immolation : Protégez Ember avec une armure de flammes dont la combustion sintensifie avec le temps, <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion sintensifie avec le
temps,
consommant de lénergie une fois sa consommant de lénergie une fois sa
jauge pleine. Relancez le sort pour éteindre les flammes. jauge pleine. Relancez le sort pour éteindre les flammes.
</p> </p>
<p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les ennemis <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
ennemis
et détruit leur armure.</p> et détruit leur armure.</p>
<p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les ennemis <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
ennemis
dans un feu capable de se propager dans leurs rangs.</p> dans un feu capable de se propager dans leurs rangs.</p>
</div> </div>
<div class="habilites-video"> <div class="habilites-video">
<video src="./medias/mediasAndres/Ember.mp4"></video> <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
</div>
</div> </div>
</section> </section>

View File

@@ -613,16 +613,25 @@ blockquote a {
position: relative; position: relative;
z-index: 10; z-index: 10;
display: flex; display: flex;
flex-direction: row;
gap: 30px; gap: 30px;
align-items: flex-start; align-items: flex-start;
} }
.armures .perso .habilites-video { .armures .perso .habilites-video {
flex: 1; flex: 1;
position: relative;
z-index: 20;
} }
.armures .perso .habilites-video video { .armures .perso .habilites-video video {
width: 100%; width: 30%;
height: auto; height: auto;
border-radius: 10px; border-radius: 10px;
display: block;
}
.armures .habilites {
position: relative;
z-index: 15;
} }