Animation in Syncfusion ASP.NET Core

10 May 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 Core 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