Simulate opacity mask effect with a rectangle on top
<UserControl x:Class='SilverlightApplication3.MainPage'
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'
mc:Ignorable='d'
d:DesignWidth='640'
d:DesignHeight='480'>
<Canvas xmlns="http://schemas.microsoft.com/client/2007">
<Ellipse
Fill="Red"
Stroke="Black"
StrokeThickness="20"
Width="200"
Height="200"
/>
<Rectangle
Fill="Gray"
Stroke="Red"
StrokeThickness="20"
Canvas.Left="100"
Canvas.Top="100"
Width="200"
Height="200"
/>
<Rectangle Width="300" Height="300">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<LinearGradientBrush.GradientStops>
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="Transparent" Offset="1"/>
</LinearGradientBrush.GradientStops>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
</Canvas>
</UserControl>
Related examples in the same category
