css animate background color change

The solution for this is noted below

css animate background color change

Solution

#content #nav a {
	background-color: #ff0;

	-webkit-transition: background-color 1000ms linear;
	-moz-transition: background-color 1000ms linear;
	-o-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}

#content #nav a:hover {
	background-color: #ad310b;
}

Try other methods by searching on the site. That is if this doesn’t work