locked
pages navigation animation RRS feed

  • Question

  • User-921158202 posted

    Hi everyone .

    any idea on how to implement page navigation animation like this one

    https://coreui.io/demo/3.1.0/

    as you can see , it's a simple fade in /out animation

    any idea is welcome .

    thanks .

    Friday, April 24, 2020 5:07 PM

All replies

  • User389708749 posted

    there is a git package for this https://github.com/mikoskinen/Blazor.Animate

    It is pretty simple to use, once you get the hang of it.  Here is an example that was easily available.  Just change the Animations.ZoomRight to whichever.

      <Animate Animation="Animations.ZoomInRight" Duration="TimeSpan.FromSeconds(.35)" Easing="Easings.EaseOut" Once="true" Mirror="true">
    
    <MyComponent/>
    </Animate>

    Saturday, May 23, 2020 3:55 PM