<Page
    x:Class="CircularGradient.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CircularGradient"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Ellipse Width="576"
                 Height="576"
                 StrokeThickness="48"
                 RenderTransformOrigin="0.5 0.5">
            <Ellipse.Stroke>
                <ImageBrush x:Name="imageBrush" />
            </Ellipse.Stroke>
            
            <Ellipse.RenderTransform>
                <RotateTransform x:Name="rotate" />
            </Ellipse.RenderTransform>
        </Ellipse>
    </Grid>
    
    <Page.Triggers>
        <EventTrigger>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="rotate"
                                     Storyboard.TargetProperty="Angle"
                                     From="0" To="360" Duration="0:0:3"
                                     RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Page.Triggers>
</Page>
