Geçiş efekti

arkadaşlar ne yaptıysam olmadı şu tablo üzerine gelindiğinde geçiş efektiyle renk değiştirme olayı arkaplanın.

 onmouseout="this.bgColor='';" onmouseover="this.bgColor='#FFFF99';" bgcolor=""

bu kodu <tr> içine yazdığımda direkt olarak renk değiştiriyor ama ben yavaş yavaş geçmesini istiyorum. transition ile yazıların geçişini sağladım da tablonun arkaplanını yapamadım bir türlü.

Css ile;

.tablo_classi:hover{background:red;}

Jquery İle;

$( ".tablo_classi" ).hover(
		function() {
		$( this ).css("backgroundColor","red");
		}, function() {
		$( this ).css("backgroundColor","pink");
		}
	);