Animation in Syncfusion ASP.NET MVC

13 Apr 20221 minute to read

The Animation library is used to perform animation effects on HTML elements by running sequence of frames.

Animation Supported controls

The following list demonstrates the Syncfusion ASP.NET MVC control documents that are supported with Animation.

Animating a HTML Element

The animate method of Animation library can be used to animate the HTML elements. This method can also take additional AnimationModel.

<div id="fade"></div>
<div id="zoom"></div>
<script>
    var animation = new ej.base.Animation({ duration: 5000 });
    animation.animate('#fade', { name: 'FadeOut' });
    animation.animate('#zoom', { name: 'ZoomOut' });
</script>

<style>
    #fade, #zoom {
        background: #333333;
        border: 1px solid #cecece;
        box-sizing: border-box;
        float: left;
        height: 100px;
        width: 100px;
    }
</style>

animate the HTML element

View sample in GitHub