Ajout des classes de gradients
This commit is contained in:
parent
b245daed64
commit
0ccfe9bd36
12
CSS/Main.css
12
CSS/Main.css
@ -9,9 +9,11 @@ body{
|
||||
font-family: JetBrains_Mono;
|
||||
}
|
||||
|
||||
header{
|
||||
background-image: linear-gradient(to right, #2c3e50, #4CAF50);
|
||||
.GradientBorder{
|
||||
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);
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
<footer class="GradientBackground"></footer>
|
||||
@ -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>
|
||||
@ -16,7 +16,9 @@
|
||||
<div class="row">
|
||||
<header></header>
|
||||
</div>
|
||||
<div class="row"></div>
|
||||
<div class="row GradientBorder">
|
||||
<p>Test</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<footer></footer>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user