IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

Changement design rouge

Browse source
This commit is contained in:
KEZEL BENOIT p1907091 2019-11-20 11:56:44 +01:00
parent 6642d961fb
commit b23812a55d
4 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Images/Produits/loupe.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
Images/cart.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 29 KiB

BIN
Images/logo.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 7.4 KiB

16
css.css
View file

@ -1,7 +1,8 @@
/*==========================================================================================*/
/*204, 25, 25*/
/*==========================================================================================*/
/*BODY + NAV*/
body{
background : linear-gradient(to left,#022425, #08023a, #1c0224);
background : linear-gradient(to left,#141414, #444444, #141414);
}
body#produit
{
@ -16,9 +17,10 @@ h1{
}
nav {
background-color: rgba(255,255,255,0.5);
background-color: rgba(22, 22, 22, 0.61);
width: 100%;
z-index: 1;
box-shadow: 0vw 0.5vw 0.4vw rgba(255, 0, 0, 0.534);
}
body>nav>a>img{
@ -26,7 +28,7 @@ body>nav>a>img{
margin : auto;
}
body>nav>button>img:hover{
body>nav>a>img:hover{
background-color: rgba(255,255,255,0.5);
transition-duration: 0.5s;
}
@ -36,7 +38,7 @@ body>nav>button>img:hover{
width : 5%;
margin-right : 1%;
margin-left : 3%;
padding : 1.1vw 1.1vw;
padding : 0.9vw 0.9vw;
}
#loupe {
@ -44,7 +46,7 @@ body>nav>button>img:hover{
width : 5%;
margin-right : 1%;
margin-left : 3%;
padding : 1.1vw 1.1vw;
padding : 0.9vw 0.9vw;
}
body>#bienvenue>h1{
@ -288,6 +290,7 @@ div#slider {
margin: auto;
border-radius: 12px;
margin-top: 5%;
border : 0.1vw solid red;
}
@ -308,6 +311,7 @@ div#slider {
width: 100%;
max-width: 1920px;
overflow: hidden
}
@keyframes slidy {