چطور می تونم با استفاده از jQuery سرعت تغییر در کلاس css را کند کنم؟

[پیام حیاتی]

سلام
من در قالب کدی رو نوشتم که باعث تغییر در css یک کلاس میشه،اما این تغییر به یکباره انجام میشه،چطور می تونم با استفاده از jQuery animation یا خواص مرتبط دیگر سرعت این تغییر رو آرام کنم؟
این کدهای من :

$(document).ready(function() {
$('#change').click(function(){
$(".main").css({"background-color":"#000","color":"#FFF"});
});
});



به این شکل نوشتم جواب نداد :

$(".main").css({"background-color":"#000","color":"#FFF"}).animate("slow");

[2undercover]

متد animate در jQuery فقط روی استایل هایی می تونه انیمیشن رو ارائه بکنه که مقدار آنها به صورت عددی باشه. برای اجرای انیمیشن روی مقدار هایی که عددی نیستند مثل رنگ ها می تونید از افزونه های جانبی استفاده بکنید: jQuery.Color (https://github.com/jquery/jquery-color)