Changement design rouge
This commit is contained in:
parent
6642d961fb
commit
b23812a55d
4 changed files with 10 additions and 6 deletions
Binary file not shown.
Before Width: | Height: | Size: 7.5 KiB After Width: | Height: | Size: 20 KiB |
BIN
Images/cart.png
BIN
Images/cart.png
Binary file not shown.
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 29 KiB |
BIN
Images/logo.png
BIN
Images/logo.png
Binary file not shown.
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 7.4 KiB |
16
css.css
16
css.css
|
@ -1,7 +1,8 @@
|
||||||
/*==========================================================================================*/
|
/*204, 25, 25*/
|
||||||
|
/*==========================================================================================*/
|
||||||
/*BODY + NAV*/
|
/*BODY + NAV*/
|
||||||
body{
|
body{
|
||||||
background : linear-gradient(to left,#022425, #08023a, #1c0224);
|
background : linear-gradient(to left,#141414, #444444, #141414);
|
||||||
}
|
}
|
||||||
body#produit
|
body#produit
|
||||||
{
|
{
|
||||||
|
@ -16,9 +17,10 @@ h1{
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
background-color: rgba(255,255,255,0.5);
|
background-color: rgba(22, 22, 22, 0.61);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
box-shadow: 0vw 0.5vw 0.4vw rgba(255, 0, 0, 0.534);
|
||||||
}
|
}
|
||||||
|
|
||||||
body>nav>a>img{
|
body>nav>a>img{
|
||||||
|
@ -26,7 +28,7 @@ body>nav>a>img{
|
||||||
margin : auto;
|
margin : auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
body>nav>button>img:hover{
|
body>nav>a>img:hover{
|
||||||
background-color: rgba(255,255,255,0.5);
|
background-color: rgba(255,255,255,0.5);
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
}
|
}
|
||||||
|
@ -36,7 +38,7 @@ body>nav>button>img:hover{
|
||||||
width : 5%;
|
width : 5%;
|
||||||
margin-right : 1%;
|
margin-right : 1%;
|
||||||
margin-left : 3%;
|
margin-left : 3%;
|
||||||
padding : 1.1vw 1.1vw;
|
padding : 0.9vw 0.9vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
#loupe {
|
#loupe {
|
||||||
|
@ -44,7 +46,7 @@ body>nav>button>img:hover{
|
||||||
width : 5%;
|
width : 5%;
|
||||||
margin-right : 1%;
|
margin-right : 1%;
|
||||||
margin-left : 3%;
|
margin-left : 3%;
|
||||||
padding : 1.1vw 1.1vw;
|
padding : 0.9vw 0.9vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
body>#bienvenue>h1{
|
body>#bienvenue>h1{
|
||||||
|
@ -288,6 +290,7 @@ div#slider {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
margin-top: 5%;
|
margin-top: 5%;
|
||||||
|
border : 0.1vw solid red;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -308,6 +311,7 @@ div#slider {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 1920px;
|
max-width: 1920px;
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes slidy {
|
@keyframes slidy {
|
||||||
|
|
Reference in a new issue