front

2 years ago · 87beebeba5
parent 51cf2f915c
commit 87beebeba5
2 changed files with 58 additions and 3 deletions
--- a/View/src/CSS/GameEnd.css
+++ b/View/src/CSS/GameEnd.css
@ -16,7 +16,58 @@

 h1,
 h2,
+th,
+td,
 p {
    font-family: "Fauna", sans-serif;
    color: white;
 }
+
+.btn{
+    position: relative;
+    width: 130px;
+    height: 60px;
+    background: transparent;
+  }
+  
+  .btn:before, .btn:after{
+    content: "";
+    position: absolute;
+    inset: 0;
+    transition: 0.5s;
+    background: #f00;
+  }
+  
+  .btn:nth-child(1):before, .btn:nth-child(1):after{
+    background: linear-gradient(45deg, #00ccff, #0e1538, #d400d4);
+  }
+  
+  .btn:nth-child(2):before, .btn:nth-child(2):after{
+    background: linear-gradient(45deg, #d400d4, #0e1538, #fb5942);
+  }
+  
+  .btn:hover:before{
+    inset: -3px;
+  }
+  
+  .btn:hover:after{
+    inset: -3px;
+    filter: blur(10px);
+  }
+  
+  .btn span{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #0e1538;
+    z-index: 10;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-transform: uppercase;
+    color: #fff;
+    font-family: "Equinox", sans-serif;
+    font-size: 1.2rem;
+  }
--- a/View/src/pages/Multijoueur/GameEnd.php
+++ b/View/src/pages/Multijoueur/GameEnd.php
@ -14,8 +14,12 @@
 </head>

 <body class="m-5">
-  <a name="" id="" class="btn btn-primary" href="index.php?action=goToHome" role="button">Retour</a>
-  <div id="head">
+  <div class="row pt-5 text-center" style="cursor: pointer">
+    <a name="" id="" class="btn" href="index.php?action=goToHome" role="button">
+      <span>Retour</span>
+    </a>
+  </div>
+  <div class="d-flex flex-column align-items-center">
    <h1>Partie Terminée !</h1>
    <h2>Gagnant : <?php echo $lesInfos[3]->getPseudo() ?></h2>
    <p>Bien joué à tous la partie est finis, voici le classement :</p>