Can you animate CSS changes, like text growing in size, using JQuery?

Can you animate CSS changes, like text growing in size, using JQuery?

Hi all

So, I have a hover state on a list item that makes the text enlarge and a swapping of background images, etc.

I've already built it all with CSS, but I wanted to make the change animate. Is it possible to just animate the CSS  changes with JQuery, by doing it with a class or something, rather than having to write all the changes in JQuery?

Here is what I have, which doesn't animate:

    $("#archive ul#archiveList li").hover(
       function(){
            $(this).animate().addClass('hover');
           },
       function(){
           $(this).animate().removeClass('hover');
       }
    );

Thanks for any help.