Here is the simple example:
<html>
<head>
<script type="text/javascript" src="js/greensock/plugins/RaphaelPlugin.min.js"></script>
<script type="text/javascript" src="js/greensock/TweenMax.min.js"></script>
<script type="text/javascript" src="js/raphael-min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
var paper = Raphael('canvas', 400, 500);
var text = paper.text(50, 100, 'Some text goes here');
text.attr({'font-size': 30, 'font-weight': 'bold', 'text-anchor':'start', 'fill':'#ff0000', 'font-family':'Trebuchet MS'});
TweenMax.to(text, 1, { raphael:{'fill':'#CCCCCC'}, delay:1 });
TweenMax.to(text, 1, { raphael:{'fill':'#00ff00'}, delay:2 });
});
</script>
</head>
<body>
<div id="canvas"></div>
</body>
</html>
You can also see this post
http://forums.greensock.com/topic/6255-experiment-with-greensock-raphaeljs/