| 439 | | var from = new dojo.gfx.color.Color(action.from).toRgb(); |
| 440 | | var to = new dojo.gfx.color.Color(action.to).toRgb(); |
| 441 | | var anim = new dojo.animation.Animation(new dojo.math.curves.Line(from, to), duration, 0); |
| 442 | | var node = component; |
| 443 | | dojo.event.connect(anim, "onAnimate", function(e) { |
| 444 | | node.style.color = "rgb(" + e.coordsAsInts().join(",") + ")"; |
| 445 | | }); |
| 446 | | anim.play(true); |
| | 438 | var node = component; |
| | 439 | var from = new dojo.gfx.color.Color(action.from); |
| | 440 | var to = new dojo.gfx.color.Color(action.to); |
| | 441 | |
| | 442 | var anim = new dojo.lfx.propertyAnimation(node, |
| | 443 | { "background-color": { start: from, end: to } }, |
| | 444 | duration, |
| | 445 | 0, |
| | 446 | { |
| | 447 | "beforeBegin": function(){ |
| | 448 | node.style.backgroundColor = "rgb(" + from.toRgb().join(",") + ")"; |
| | 449 | } |
| | 450 | } |
| | 451 | ); |
| | 452 | |
| | 453 | anim.play(true); |