Ajout des classes de gradients

This commit is contained in:
Merlin Gélinas 2022-06-07 20:47:33 -04:00
parent b245daed64
commit 0ccfe9bd36
4 changed files with 21 additions and 6 deletions

View File

@ -9,9 +9,11 @@ body{
font-family: JetBrains_Mono; font-family: JetBrains_Mono;
} }
header{ .GradientBorder{
background-image: linear-gradient(to right, #2c3e50, #4CAF50); border: 5px solid;
border-image: linear-gradient(45deg, purple, orange) 1;
border-radius: 10px;
}
.GradientBackground{
background-image: linear-gradient(45deg, purple, orange) 1;
} }
footer{
background-image: linear-gradient(to left, #2c3e50, #4CAF50);
}

View File

@ -0,0 +1 @@
<footer class="GradientBackground"></footer>

View File

@ -0,0 +1,10 @@
<header class="GradientBackground">
<div class="container">
<div class="logo">
<a href="../index.html"><img src="../Content/Images/Logo.png" alt="Logo" /></a>
</div>
</div>
<div class="menu">
</div>
</header>

View File

@ -16,7 +16,9 @@
<div class="row"> <div class="row">
<header></header> <header></header>
</div> </div>
<div class="row"></div> <div class="row GradientBorder">
<p>Test</p>
</div>
<div class="row"> <div class="row">
<footer></footer> <footer></footer>
</div> </div>