Click anywhere in the box to the left and the avatar will move (slide) into view. The image was positioned -95 pixels to the left and when a click occurs we move it to the right over 2/10 seconds by 95 pixels.

We set the oneTime attribute to true to keep the image from continuing to move to the right on subsequent clicks.

You can click here to restart the example.

$proto('.example-live', {
  Click: {
    oneTime: true,
    onClick: {
      Move: {
        target: '#avatar',
        points: { by: [95, 0] },
        duration: 0.2
      }
    }  
  }
});