Nav transition

index.php

@@ -50,7 +50,7 @@
               n'ont pas beaucoup d'intêret
             </li>
           </ul>
-  
+
           <h3>Confirmer votre question</h3>
           <p>
             Une fois la question ajoutée, un email vous sera envoyé pour que

style.css

@@ -29,6 +29,10 @@ nav ul { list-style-type: none; }
 
 nav li
 {
+    -moz-transition-duration: 1s;
+    -webkit-transition-duration: 1s;
+    -ms-transition-duration: 1s;
+    -o-transition-duration: 1s;
     display: inline-block;
 
     border: 2px solid;
@@ -42,7 +46,18 @@ nav li a
     text-decoration: none;
 }
 
-nav li:hover{ box-shadow: 10px 10px 0px black; }
+nav li:hover
+{
+    -moz-transition-duration: 1s;
+    -webkit-transition-duration: 1s;
+    -ms-transition-duration: 1s;
+    -o-transition-duration: 1s;
+    box-shadow: 0px 10px 10px black;
+    background-color: black;
+    padding-right: 15px;
+    padding-left: 15px;
+    border-radius: 5px;
+}
 
 
 #introduction, #hello