Depois optemos o resultados que nos queríamos começamos por mudar as cores dos nomes dos menus e também alinha-los utilizando "padding e margin-right".
Após a uma longa pesquisa na Internet sobre vários efeitos em menus utilizando CSS3 que um menu podia ter acabamos por encontrar um que nos gostávamos. Primeiro criamos o efeito em que quando o rato passava pela DIV do menu os nomes dos menus ficavam desfocados. Para optermos este resultado usamos os seguintes codigos:
Depois programamos um efeito que quando rato passava pelo nome de um menu os restantes continuavam desfocados enquanto o nome do menu no qual tinhamos passado o rato fica com outra cor e o seu tamanho aumenta e para poder-mos fazer isso utilizamos estes codigos:
E o resultado que obtivemos foi o seguinte:
