Animation: Animating Along a Curved Path
+ +
+
+
+ +
This demonstrates how to animate the position of an element along a curve.
Click anywhere to move the element to your click position.
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Setting up the HTML
+First we add some HTML to animate.
+ + +Creating the Anim Instance
+Now we create an instance of Y.Anim, passing it a configuration object that includes the node we wish to animate.
Changing Attributes
+A click handler will set the to value before run is called.
Running the Animation
+Finally we add an event handler to run the animation.
+ + +