Direction

Most of the Kendo UI effects support a set of various directions.

To determine the direction of the effects, use either of the following approaches:

• Specify the direction as the first parameter in the effect constructor method.
• Call the constructor with a direction shortcut.

The following example demonstrates how to specify a direction for the desired effect. All three lines produce an identical effect.

<div id="foo">
    I will be animated
</div>

<script>
    var fadeOut1 = kendo.fx($("#foo")).fadeOut();
    var fadeOut2 = kendo.fx($("#foo")).fade("out");
    var fadeOut3 = kendo.fx($("#foo")).fade().direction("out");

    // Call .play() to run any of the above animations.
</script>