animation css fonctionne pasFermé

Question

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

ickyknox · Answer

#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;	
	}

Animation css fonctionne pas

1 réponse

Discussions similaires

Newsletters