Animation Effect in Blazor Application




Animation Effect in Blazor Application




Add NuGet :

Install-Package BlazorAnimate

Configure _Imports.razor :

@using BlazorAnimate

_Host.cshtml :

<script src="_content/BlazorAnimate/blazorAnimateInterop.js"></script>




<button class="btn btn-primary" @onclick="Animation">Animate</button>

 

<Animate Animation="Animations.ZoomIn" Duration="TimeSpan.FromSeconds(0.5)" @ref="animate" IsManual="true">

    <Counter></Counter>

</Animate>

 

@code {

 

    private Animate animate;

 

    private void Animation()

    {

        animate.Run();

    }

}

Video :