Sfoglia il codice sorgente

Quadratic easing + negative slide-in effect.

Jumar Macato 6 anni fa
parent
commit
ff3101de8a
1 ha cambiato i file con 7 aggiunte e 2 eliminazioni
  1. 7 2
      src/Avalonia.Themes.Default/NotificationArea.xaml

+ 7 - 2
src/Avalonia.Themes.Default/NotificationArea.xaml

@@ -34,11 +34,16 @@
             <Animation Duration="0:0:0.25" Easing="QuadraticEaseIn" FillMode="Forward">
                 <KeyFrame Cue="0%">
                     <Setter Property="Opacity" Value="0"/>
-                    <Setter Property="ScaleTransform.ScaleX" Value="0.75"/>
-                    <Setter Property="ScaleTransform.ScaleY" Value="0.75"/>
+                    <Setter Property="TranslateTransform.Y" Value="-20"/>
+                    <Setter Property="ScaleTransform.ScaleX" Value="0.85"/>
+                    <Setter Property="ScaleTransform.ScaleY" Value="0.85"/>
+                </KeyFrame>
+                <KeyFrame Cue="30%">
+                    <Setter Property="TranslateTransform.Y" Value="20"/>
                 </KeyFrame>
                 <KeyFrame Cue="100%">
                     <Setter Property="Opacity" Value="1"/>
+                    <Setter Property="TranslateTransform.Y" Value="0"/>
                     <Setter Property="ScaleTransform.ScaleX" Value="1"/>
                     <Setter Property="ScaleTransform.ScaleY" Value="1"/>
                 </KeyFrame>