Mouseove effect xaml

 <Window.Resources>
        <Style x:Key="DownButtonStyle" TargetType="{x:Type Button}">
            <Setter Property="Margin" Value="5"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}" >
                            <Image Source="images\next_active.png"  Width="22" Height="11"/>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="dbokFullWidthTransButtonStyle"  TargetType="Button">
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Border Name="border" Background="Red">
                            <ContentPresenter  VerticalAlignment="Center" HorizontalAlignment="Stretch" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="Transparent">
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Storyboard x:Key="ShowTopMenues">
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TopMenuArea" Storyboard.TargetProperty="Visibility">
                <DiscreteObjectKeyFrame KeyTime="0:0:0.1" Value="{x:Static Visibility.Visible}"/>
            </ObjectAnimationUsingKeyFrames>
            <DoubleAnimation Storyboard.TargetProperty="Opacity" Storyboard.TargetName="TopMenuArea" From="0" To="1" Duration="0:0:0.5"/>
        </Storyboard>

    </Window.Resources>
    <StackPanel VerticalAlignment="Top">
        <Grid>
        <Button Style="{StaticResource ResourceKey=dbokFullWidthTransButtonStyle}"  HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Height="45">
            <Button.Triggers>
                <EventTrigger RoutedEvent="UIElement.MouseEnter" >
                    <BeginStoryboard Storyboard="{StaticResource ShowTopMenues}"/>
                </EventTrigger>
            </Button.Triggers>
            <Button Style="{StaticResource ResourceKey=DownButtonStyle}" HorizontalAlignment="Stretch" VerticalAlignment="Center"></Button>
        </Button>
        <DockPanel Background="#151515" LastChildFill="True" Visibility="Collapsed" Name="TopMenuArea"  Height="45">
            <Label Foreground="White">Here is content of top area click below buton to hide it </Label>
        </DockPanel>
        </Grid>
    </StackPanel>