© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
C#C
C#•2y ago•
1 reply
Cryptobax | ParallelNode

Set animation class in blazor doesnt work.

Animations don't work if I set them as variables, see example. If I set them with JavaScript Interop, they work. Can someone explain why this happens?

    private async Task SetTransitionStateAsync(TransitionState state, int animationDelay)
    {
        string translationPrefix = $"transition-opacity ease-linear duration-{animationDelay}"; 
        
        CurrentState = state;        
        switch (CurrentState)
        {
            case TransitionState.Hidden:
                TransitionClass = string.Empty;
                IsVisible = false;
                break;
            case TransitionState.Open:
                TransitionClass = string.Empty;
                break;
            case TransitionState.EnteringStart:
                TransitionClass = $"{translationPrefix} -translate-x-full";
                IsVisible = true;
                break;
            case TransitionState.EnteringEnd:
                TransitionClass = $"{translationPrefix} translate-x-0";
                break;
            case TransitionState.LeavingStart:
                TransitionClass = $"{translationPrefix} translate-x-0";
                break;
            case TransitionState.LeavingEnd:
                TransitionClass = $"{translationPrefix} -translate-x-full";
                break;
        }
        
        await InvokeAsync(StateHasChanged);
  }
    private async Task SetTransitionStateAsync(TransitionState state, int animationDelay)
    {
        string translationPrefix = $"transition-opacity ease-linear duration-{animationDelay}"; 
        
        CurrentState = state;        
        switch (CurrentState)
        {
            case TransitionState.Hidden:
                TransitionClass = string.Empty;
                IsVisible = false;
                break;
            case TransitionState.Open:
                TransitionClass = string.Empty;
                break;
            case TransitionState.EnteringStart:
                TransitionClass = $"{translationPrefix} -translate-x-full";
                IsVisible = true;
                break;
            case TransitionState.EnteringEnd:
                TransitionClass = $"{translationPrefix} translate-x-0";
                break;
            case TransitionState.LeavingStart:
                TransitionClass = $"{translationPrefix} translate-x-0";
                break;
            case TransitionState.LeavingEnd:
                TransitionClass = $"{translationPrefix} -translate-x-full";
                break;
        }
        
        await InvokeAsync(StateHasChanged);
  }
C# banner
C#Join
We are a programming server aimed at coders discussing everything related to C# (CSharp) and .NET.
61,871Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements

Similar Threads

Sidebar smooth animation in Blazor Wasm
C#CC# / help
3y ago
Cannot set up swagger in blazor app
C#CC# / help
2y ago
await-work in thread class is different from await-work in task class?
C#CC# / help
2y ago
С# Blazor Class organization and authorization
C#CC# / help
2y ago