Rq: le Texte de bien venu se défile de droite vers la gauche et sa vitesse ralentie en traversant la zone du milieu
2- Nav
• La distance verticale entre Nav et Header est 4vh
• Les éléments du menu est une liste (UL)
• La largeur de la liste est 488px
• Les éléments de la liste ont :
• Une bordure : 1px
• Rayon de la bordure : 10px
• Affichage : inline-block (Les éléments inline-block peuvent changer de largeur )
• une largeur de 120px
• Marge du haut et du bas :4vh
• Marge du gauche et droite 20px
• Alignement : centré
• Forme du curseur : pointer
• Une transition avec les propriétés suivantes :
✓ transition-property:box-shadow;
✓ transition-duration:.4s;
✓ transition-timing-function: linear;
✓ transition-delay: 0s;
• Ajouter la pseudo classe nécessaire et lui définir la propriété box-shadow pour animer les éléments du
menu en les pointant avec la souris.
3- Main
• La partie main prend la forme indiquée dans l'image
• Distante de nav par 4vh
• Contient un cadre (iframe)
• Cadre :
o Sans bordure
o Largeur : même largeur que main
o Hauteur même hauteur que main