enter code here

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:system="clr-namespace:System;assembly=mscorlib"
   xmlns:Local="clr-namespace:screensaver"
   xmlns:viewModels="clr-namespace:screensaver.ViewModels"
   xmlns:av="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   Title="MainWindow" Background="Black" Height="650" Width="750">
<Window.Resources>
    <Storyboard x:Key="Storyboard">
        <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.ClipToBounds)" Storyboard.TargetName="image">
            <DiscreteBooleanKeyFrame KeyTime="0" Value="False"/>
        </BooleanAnimationUsingKeyFrames>
        <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.SnapsToDevicePixels)" Storyboard.TargetName="image">
            <DiscreteBooleanKeyFrame KeyTime="0" Value="False"/>
        </BooleanAnimationUsingKeyFrames>
        <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="grid">
            <EasingPointKeyFrame KeyTime="0" Value="0.5,0.5"/>
            <EasingPointKeyFrame KeyTime="0:0:1" Value="0.5,0.5"/>
            <EasingPointKeyFrame KeyTime="0:0:2" Value="0.5,0.5"/>
            <EasingPointKeyFrame KeyTime="0:0:3" Value="0.5,0.5"/>
            <EasingPointKeyFrame KeyTime="0:0:4" Value="0.5,0.5"/>
        </PointAnimationUsingKeyFrames>
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" Storyboard.TargetName="grid">
            <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:3" Value="-1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:4" Value="1"/>

        </DoubleAnimationUsingKeyFrames>

        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="grid">
            <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="grid">
            <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="-1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1"/>
            <EasingDoubleKeyFrame KeyTime="0:0:3" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
        <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(Grid.IsSharedSizeScope)" Storyboard.TargetName="image">
            <DiscreteBooleanKeyFrame KeyTime="0" Value="False"/>
            <DiscreteBooleanKeyFrame KeyTime="0:0:4" Value="True"/>
        </BooleanAnimationUsingKeyFrames>
    </Storyboard>
</Window.Resources>
<Window.Triggers>
    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
        <BeginStoryboard Storyboard="{StaticResource Storyboard}"/>
    </EventTrigger>
</Window.Triggers>
<Window.DataContext>
    <viewModels:MainWindowVm></viewModels:MainWindowVm>
</Window.DataContext>
<Window.InputBindings>
    <KeyBinding Command="{Binding ButtonCommand}" Key="Enter"></KeyBinding>
</Window.InputBindings>
<Grid x:Name="grid">
    <Grid.LayoutTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Grid.LayoutTransform>
    <Grid.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Grid.RenderTransform>
    <Grid.Style>
        <Style TargetType="{x:Type Grid}"/>
    </Grid.Style>
    <Image x:Name="image" Source ="/image/arroweye.jpg" Margin="14,12,523,513" RenderTransformOrigin="1,1"></Image>
    <TextBlock Text="Please Enter" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Hidden">
         <TextBlock.Style>
        <Style TargetType="{x:Type TextBlock}">
            <Style.Triggers>`enter code here`
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="Aqua"/>
                    </Trigger>
                </Style.Triggers>
        </Style>
         </TextBlock.Style>
         </TextBlock>
    <TextBlock Text="Please Scan Your Badge" FontSize="28" HorizontalAlignment="Center" VerticalAlignment="Center" Visibility="Hidden">
        <TextBlock.Style>
            <Style TargetType="{x:Type TextBlock}">
                <Setter Property="Foreground" Value="Blue"></Setter>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Foreground" Value="Red" />
                        <Setter Property="TextDecorations" Value="Underline" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
    </TextBlock>
</Grid>