Salut je voudrai faire ce style d'effet pour mon site sauf que j'ai 2 background différent dans mon css.

un pour le lien normal, et un pour le lien survolé.
Je voudrai que au survol mon image :hover apparaisse progressivement. Est ce que c'est possible ?

Si sa peut vous aider je vous envoi mes codes html et css :

<div id="menu">
<ul>
<li id="acc"><a href="index.html" title="accueil"></a></li>
<li id="creation"><a href="pages/creation.html" title="creation"></a></li>
<li id="cv"><a href="pages/cv.html" title="cv"></a></li>
<li id="contact"><a href="pages/contact.html" title="contact"></a></li>
</ul>
</div>

div#menu ul li#acc a{
display: block;
width:240px;
height:67px;
background-image:url("../images/acc.png");
background-repeat: no-repeat;
}

div#menu ul li#acc a:hover{
width:240px;
height:67px;
background-image:url("../images/acc_hover.png");
background-repeat: no-repeat;
background-position:top;
}

Ce serai sympa de me dire comment je peux faire pour avoir cet effet ?

Merci à vous.

1 réponse


Grafikart
Réponse acceptée

Tu as fait ce tutoriel ?
Menu animer avec jQuery