LanMountainDesktop/LanMontainDesktop/Styles/SettingsAnimations.axaml

<Styles xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:behaviors="using:LanMontainDesktop.Behaviors">

    <Style Selector="PopupRoot">
        <Setter Property="behaviors:PopupIntroAnimationBehavior.IsEnabled" Value="True" />
    </Style>

    <Style Selector="OverlayPopupHost">
        <Setter Property="behaviors:PopupIntroAnimationBehavior.IsEnabled" Value="True" />
    </Style>

    <Style Selector=":is(Panel).settings-animated-intro">
        <Setter Property="behaviors:PanelIntroAnimationBehavior.IsEnabled" Value="True" />
        <Style Selector="^ > :is(Control)[(behaviors|PanelIntroAnimationBehavior.CanPlayAnimation)=True]">
            <Setter Property="Opacity" Value="0" />
            <Setter Property="RenderTransform">
                <Setter.Value>
                    <TranslateTransform Y="14" />
                </Setter.Value>
            </Setter>
            <Style Selector="^[(behaviors|PanelIntroAnimationBehavior.IsAnimationPlayed)=True]">
                <Style.Animations>
                    <Animation Duration="0:0:0.32"
                               FillMode="Both"
                               Easing="0.22,1,0.36,1">
                        <KeyFrame Cue="0%">
                            <Setter Property="Opacity" Value="0" />
                            <Setter Property="TranslateTransform.Y" Value="14" />
                        </KeyFrame>
                        <KeyFrame Cue="100%">
                            <Setter Property="Opacity" Value="1" />
                            <Setter Property="TranslateTransform.Y" Value="0" />
                        </KeyFrame>
                    </Animation>
                </Style.Animations>
            </Style>
        </Style>
    </Style>

    <Style Selector="ListBox.settings-chip-list">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
    </Style>

    <Style Selector="ListBox.settings-chip-list ListBoxItem">
        <Setter Property="Background" Value="{DynamicResource AdaptiveButtonBackgroundBrush}" />
        <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveButtonBorderBrush}" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="CornerRadius" Value="{DynamicResource DesignCornerRadiusXs}" />
        <Setter Property="Padding" Value="12,6" />
        <Setter Property="Margin" Value="0,0,8,8" />
        <Setter Property="MinHeight" Value="34" />
        <Setter Property="Transitions">
            <Transitions>
                <BrushTransition Property="Background" Duration="0:0:0.16" Easing="0.22,1,0.36,1" />
                <BrushTransition Property="BorderBrush" Duration="0:0:0.16" Easing="0.22,1,0.36,1" />
                <TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.16" Easing="0.22,1,0.36,1" />
            </Transitions>
        </Setter>
    </Style>

    <Style Selector="ListBox.settings-chip-list ListBoxItem:pointerover">
        <Setter Property="RenderTransform" Value="scale(1.015)" />
        <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveAccentBrush}" />
    </Style>

    <Style Selector="ListBox.settings-chip-list ListBoxItem:selected">
        <Setter Property="RenderTransform" Value="scale(1.02)" />
        <Setter Property="BorderBrush" Value="{DynamicResource AdaptiveAccentBrush}" />
        <Setter Property="Background" Value="{DynamicResource AdaptiveNavItemSelectedBackgroundBrush}" />
    </Style>

    <Style Selector="Grid.settings-scope ComboBox">
        <Setter Property="Transitions">
            <Transitions>
                <BrushTransition Property="Background" Duration="0:0:0.12" Easing="0.22,1,0.36,1" />
                <TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.12" Easing="0.22,1,0.36,1" />
            </Transitions>
        </Setter>
    </Style>

    <Style Selector="Grid.settings-scope ComboBox:pointerover">
        <Setter Property="RenderTransform" Value="scale(1.01)" />
    </Style>

    <Style Selector="Grid.settings-scope ToggleSwitch">
        <Setter Property="Transitions">
            <Transitions>
                <DoubleTransition Property="Opacity" Duration="0:0:0.16" Easing="0.22,1,0.36,1" />
                <TransformOperationsTransition Property="RenderTransform" Duration="0:0:0.16" Easing="0.22,1,0.36,1" />
            </Transitions>
        </Setter>
    </Style>

    <Style Selector="Grid.settings-scope ToggleSwitch:pointerover">
        <Setter Property="RenderTransform" Value="scale(1.01)" />
    </Style>
</Styles>