Skew_Transform_1.xaml

<Page x:Class="transforms.Skew_Transform_1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Loaded="Page_Loaded" Unloaded="Page_Unloaded"
    mc:Ignorable="d"
    d:DesignWidth="1366" d:DesignHeight="768">

    <!--Common resources for default dark theme applications-->
    <UserControl.Resources>
        <SolidColorBrush x:Key="PageBackgroundBrush" Color="White"/>
        <SolidColorBrush x:Key="PageForegroundBrush" Color="White"/>
        <SolidColorBrush x:Key="HighlightBrush" Color="#FF26A0DA"/>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="{StaticResource PageBackgroundBrush}">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="OrientationStates">
                <VisualState x:Name="Full"/>
                <VisualState x:Name="Fill"/>
                <VisualState x:Name="Portrait"/>
                <VisualState x:Name="Snapped"/>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>

        <!-- <SnippetSkewTransform_1> -->
        <Canvas Margin="30">
            <!-- Skew the text using a SkewTransform. -->
            <TextBlock FontSize="32"
                       FontWeight="Bold" 
                       Foreground="Maroon"
                       Text="Skewed Text">
                <TextBlock.RenderTransform>
                    <SkewTransform AngleX="-30" AngleY="0" />
                </TextBlock.RenderTransform>
            </TextBlock>

            <TextBlock Canvas.Top="60"
                       FontSize="32"
                       FontWeight="Bold" 
                       Foreground="Maroon"
                       Text="Skewed Text">
                <TextBlock.RenderTransform>
                    <SkewTransform AngleX="30" AngleY="0" />
                </TextBlock.RenderTransform>
            </TextBlock>
        </Canvas>
        <!-- </SnippetSkewTransform_1> -->

    </Grid>
</Page>