adding animation
This commit is contained in:
parent
75be8c0409
commit
75deceed14
1 changed files with 14 additions and 0 deletions
|
@ -93,6 +93,12 @@ nav {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
animation: 1s down;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes down {
|
||||||
|
0%{margin-top: -10%}
|
||||||
|
100%{margin-top: 0%}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
|
@ -143,6 +149,8 @@ nav input[type=text] {
|
||||||
/*TOP*/
|
/*TOP*/
|
||||||
div#bienvenue{
|
div#bienvenue{
|
||||||
padding: 4vw;
|
padding: 4vw;
|
||||||
|
animation: 1s right;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
body>#bienvenue>h1 {
|
body>#bienvenue>h1 {
|
||||||
|
@ -151,11 +159,17 @@ body>#bienvenue>h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes right{
|
||||||
|
0% {margin-left: -150%}
|
||||||
|
100% {margin-left: 0%}
|
||||||
|
}
|
||||||
|
|
||||||
body>#bienvenue>h2 {
|
body>#bienvenue>h2 {
|
||||||
font-size: 2vw;
|
font-size: 2vw;
|
||||||
color: lightgrey;
|
color: lightgrey;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*=================*/
|
/*=================*/
|
||||||
|
|
||||||
/*Slide des promotions*/
|
/*Slide des promotions*/
|
||||||
|
|
Reference in a new issue