CSS - stopniowe przejście hovera

[squidy]

Cześć, chciałbym zrobić w css hover do menu, który stopniowo zmieniłby kolor. Korzystałem z tego: https://developer.mozilla.org/en/CSS/CSS_transitions

		#menu li{
			border: 1px solid #34231c;
			background-color:#1a120f;
			color: #47352b;
			padding-left: 7px; 
			padding-top:1px;
			padding-bottom:1px;
			margin-bottom:3px;
			font-size: 14px;
			transition-property: color;
			transition-duration: 3s;
			transition-timing-function: linear;
		}
		
		#menu li:hover{
			border: 1px solid #34231c;
			background-color:#0c0908;
			color: #47352b;
			padding-left: 7px; 
			padding-top:1px;
			padding-bottom:1px;
			margin-bottom:3px;
			font-size: 14px;
			transition-property: color;
			transition-duration: 3s;
			transition-timing-function: linear;
		}

Wydaje mi się, że wszystko ładnie pięknie, ale kucze bomba nie działa

Gdyż poradzić sobie nie mogę bardzo proszę o wspomogę

 

[Alehopper]

Ja bym proponował do tego użycia biblioteki jQuery. A bardziej dokładnie to funkcji z niej wywodzącej się -​

$('bloczek').animate(attributes, delay)

 

[iDELTI]

Ja bym proponował do tego użycia biblioteki jQuery. A bardziej dokładnie to funkcji z niej wywodzącej się -​

$('bloczek').animate(attributes, delay)

Pewnie - bardziej poręczne :thumbup:.
​

 

[Samme]

This is an experimental feature
Because this feature is still in development in some browsers, check the compatibility table for the proper prefixes to use in various browsers.

Chyba tłumaczyć nie muszę. Lepiej użyj jQuery jak proponowano wyżej. Możesz sobie ją pobierać z google api.