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;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
animation: 1s down;
|
||||
}
|
||||
|
||||
@keyframes down {
|
||||
0%{margin-top: -10%}
|
||||
100%{margin-top: 0%}
|
||||
}
|
||||
|
||||
nav a {
|
||||
|
@ -143,6 +149,8 @@ nav input[type=text] {
|
|||
/*TOP*/
|
||||
div#bienvenue{
|
||||
padding: 4vw;
|
||||
animation: 1s right;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
body>#bienvenue>h1 {
|
||||
|
@ -151,11 +159,17 @@ body>#bienvenue>h1 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
@keyframes right{
|
||||
0% {margin-left: -150%}
|
||||
100% {margin-left: 0%}
|
||||
}
|
||||
|
||||
body>#bienvenue>h2 {
|
||||
font-size: 2vw;
|
||||
color: lightgrey;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*=================*/
|
||||
|
||||
/*Slide des promotions*/
|
||||
|
|
Reference in a new issue