So far it seems like it is not fluent, but choppy. E.g. if you have one state attribute with font-size: 14 and want to animate to state with font-size: 16, the transition doesn't look smooth.
It jumps in 2 steps. First change to 15 and then to 16px.
Can it be forced to look more smooth?
I am using Firefox 14 for testing.
My current code:
var fillerText = {
"fill" : "#00738f",
"font-size": 14,
"font-family": "Arial, Helvetica, sans-serif"
}
var fillerTextHover = {
"fill" : "#00738f",
"font-size": 16,
"font-family": "Arial, Helvetica, sans-serif",
"cursor": "pointer"
}
text.hover(function () {
text.animate(fillerTextHover, 500);
},
function () {
text.animate(fillerText, 500);
}
);