Nette biraz aradım ama bişey bulamadım ayrıca facebook dada kodlara baktım ama cok karısık kodlar vardı bununla ilgili ordan da bişey cıkaramadım. Bende kendim bişeyler denedim.
Çok basit bir örnek oldu belki ama ilk düşündüğümde böyle birşey aklıma geldi...
Belki daha kullanışlı bişeyler bulan olur...

<div style="width:300px;height:100px;" id="div1">sadss dsd<br />adsd <br />sad <br />d</div>
<br /><br />
<input type="button" onclick="yap()" value="Efekt 1">
<input type="button" onclick="yap2()" value="Efekt 2">


<script>

a = 10;
b = 10;
c = 10;
function yap(){
a = a+7;
b = b+7;
c = c+7;
document.getElementById("div1").style.backgroundColor = "rgb("+a+", "+b+", "+c+")";
if(a<=230) t = setTimeout("yap()",80);
}



a1 = 255;
b1 = 128;
c1 = 0;
function yap2(){
a1 = a1-7;
//b1 = b1+6;
c1 = c1+7;
document.getElementById("div1").style.backgroundColor = "rgb("+a1+", "+b1+", "+c1+")";
if(a1>=0) t = setTimeout("yap2()",80);
}

</script>