Animation css fonctionne pas
bonjour
sur mon site :
http://icreatorbeta.free.fr/
sur le bouton accueil, lorsque je passe la souris dessus, le bouton devient subitement gris.
J'aimerais qu'il devienne PROGRESSIVEMENT gris.
Le problème c'est que mon code ne fonctionne pas.
Auriez vous une idée svp ?
je vous met le code dans les posts suivants, car j'ai recommancé 3 fois ce post, et je suppose que c'est à cause de la place.
Je vous remercie
sur mon site :
http://icreatorbeta.free.fr/
sur le bouton accueil, lorsque je passe la souris dessus, le bouton devient subitement gris.
J'aimerais qu'il devienne PROGRESSIVEMENT gris.
Le problème c'est que mon code ne fonctionne pas.
Auriez vous une idée svp ?
je vous met le code dans les posts suivants, car j'ai recommancé 3 fois ce post, et je suppose que c'est à cause de la place.
Je vous remercie
1 réponse
-
#heada {
width: 100%;
float:left;
}
#header-menu {
margin: 0;
padding: 1ex;
}
.header-menu-choix {
display: inline-block;
margin-top: 10px;
}
.header-menu-choix a {
display: block;
color: black;
font-size: 150%;
padding: 1em;
font-variant: small-caps;
text-decoration: none;
line-height: 10px;
border-radius: 2ex;
-webkit-transition-property: background-color;
-webkit-transition-duration: 2s;
-moz-transition-property: background-color;
-moz-transition-duration: 2s;
}
.header-menu-choix a:hover {
background: rgb(79,80,86); /* Old browsers */
background: -moz-linear-gradient(top, rgba(79,80,86,1) 0%, rgba(73,76,79,1) 45%, rgba(10,14,10,1) 60%, rgba(10,8,9,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,80,86,1)), color-stop(45%,rgba(73,76,79,1)), color-stop(60%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(79,80,86,1) 0%,rgba(73,76,79,1) 45%,rgba(10,14,10,1) 60%,rgba(10,8,9,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f5056', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
text-decoration: none;
color: white;
}
