FadeIn or animate opacity of text color

Pardon the ingnorance of coding, I'm just getting my brain wrapped around it from being in the design world. Is it possible to get the text color to FadeIn or the opacity of the text color to animate with the lines of code below? I simply want the color to fade in when the mouse rolls over the text.

Thanks for any help.

Symbol.bindElementAction(compId, symbolName, "${_writing_btn}", "mouseover", function(sym, e) {

   sym.$("writing_btn").css("color","#88ACBE");

});

Symbol.bindElementAction(compId, symbolName, "${_writing_btn}", "mouseout", function(sym, e) {

   sym.$("writing_btn").css("color","#000000");

});