You can animate a Popup control

You can animate a Popup control so that it appears gradually, using a specified animation.  The popup does not animate when it is being hidden, but only when it is being shown.

To animate a popup, you set its AllowTransparency property to true and then set its PopupAnimation property to one of the following values:

·         None - No animation performed

·         Fade - Popup fades in           

·         Scroll - Popup slides in diagonally, from the upper left corner of the parent window (or from bottom right, if there isn't enough room)

·         Slide - Popup slides down to final location (or slides up if there isn't enough room at top of screen)

<Popup x:Name="PopupEsales"            PopupAnimation="Slide"            AllowsTransparency="True"            Placement="Bottom"            IsEnabled="True"            IsOpen="True"            StaysOpen="False"            MinWidth="300"            MaxHeight="600"/>

Enjoy!