Animations?

[scottkuhl]

Is there a built-in way to make an element fade in? Something like this: https://github.com/mikoskinen/Blazor.Animate
I am trying to make MudImage fade in.

[JonBunator]

No, that's not possible yet. But we plan to do something similar in the future

[Daantje1041]

Any update?

[Anu6is]

This was implemented in the extension library as indicated in the responses below

[mckaragoz]

@scottkuhl Now we have MudAnimate as extension component. Its not a wrapper, working like next generation.

GitHub: https://github.com/CodeBeamOrg/CodeBeam.MudExtensions
NuGet: https://www.nuget.org/packages/CodeBeam.MudExtensions
Playground: https://mudextensions.azurewebsites.net/mudanimate

[scottkuhl]

I saw that yesterday. I have been using Animate.css, but I will check this out.

[mckaragoz]

This component specialized on blazor usage. You can define it and use multiple components once. No need to wrap each time. And it supports nearly all CSS values, include even pause.

Example usage:

<MudSomeComponent Class="my-class" ... />
<MudSomeComponent2 Class="my-class" ... />
<MudAnimate Selector=".my-class" />

[marcusjm]

Great. Playground seems to be offline though.

[Anu6is]

The link has since changed https://codebeam-mudextensions.pages.dev/mudanimate