How to do it...

Let's add some images to the application window and apply skew to those at a certain angle and certain center positions. Follow these steps:

1. From Solution Explorer, right-click on the project node and create a new folder. Name it Images.
2. Now right-click on the Images folder and add an existing image from your system. Name it as image1.png.
3. Open the MainWindow.xaml file and replace the existing Grid with a horizontal StackPanel.
4. Insert the following Grid inside the StackPanel to have two images. The first one will have opacity set to 20%, whereas the other will have a Skew applied to it at an angle of 50 degrees and 5 degrees on the X and Y axes. To set these, use the AngleX and AngleY properties, as follows:

<Grid> 
    <Image Height="300" Width="260" 
           Margin="4" Opacity="0.2" 
           Source="Images/image1.png"/> 
    <Image Height="300" Width="260" 
           Margin...