Clock second hand

uwp-clock-one-second-hand.xaml

<Grid Background="#242631" Height="400" Width="400" VerticalAlignment="Center" HorizontalAlignment="Center">
    <!-- Clock Ellipse/Frame -->
    <Border x:Name="ClockEllipse" CornerRadius="400" Background="#323443"/>
    
    <Canvas HorizontalAlignment="Center" VerticalAlignment="Center">
        <Path x:Name="SecHandPath" StrokeThickness="1" Stroke="DeepPink" Data="M 0,40 L 0 -150" RenderTransformOrigin="0,0">
            <Path.Resources>
                <Storyboard x:Name="SpinSecHandStoryBoard">
                    <DoubleAnimation x:Name="SpinSecHandAnim" Storyboard.TargetName="SecHandPath" FillBehavior="HoldEnd"  AutoReverse="False" Storyboard.TargetProperty="(UIElement.RenderTransform).(RotateTransform.Angle)">
                    </DoubleAnimation>
                </Storyboard>
            </Path.Resources>
            <Path.RenderTransform>
                <RotateTransform />
            </Path.RenderTransform>                        
         </Path>
    </Canvas>
    
    <!-- Central Markers -->
    <Border Height="30" Width="30" CornerRadius="70" Background="#242631"/>
    <Border Height="12" Width="12" CornerRadius="20" Background="LightGray"/>
    
    <!-- O'Clock Markers -->
    <Border Height="10" Width="10" CornerRadius="10" Margin="15" Background="DeepPink" VerticalAlignment="Top" HorizontalAlignment="Center"/>
    <Border Height="10" Width="10" CornerRadius="10" Margin="15" Background="DeepPink" VerticalAlignment="Center" HorizontalAlignment="Right"/>
    <Border Height="10" Width="10" CornerRadius="10" Margin="15" Background="DeepPink" VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
    <Border Height="10" Width="10" CornerRadius="10" Margin="15" Background="DeepPink" VerticalAlignment="Center" HorizontalAlignment="Left"/>
</Grid>