Skip to content

Instantly share code, notes, and snippets.

@tmacharia
Last active November 24, 2019 20:14
Show Gist options
  • Save tmacharia/7e02909ed411b05065d6ccf348c9223f to your computer and use it in GitHub Desktop.
Save tmacharia/7e02909ed411b05065d6ccf348c9223f to your computer and use it in GitHub Desktop.
Clock frame with 12,3,6,and 9 O'Clock plus the central Markers
<Grid Background="#242631" Height="400" Width="400" VerticalAlignment="Center" HorizontalAlignment="Center">
<!-- Clock Ellipse/Frame -->
<Border x:Name="ClockEllipse" CornerRadius="400" Background="#323443"/>
<!-- 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment