LinearGradientBrush Opacity from 1 to 0

    
<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'>
    <UserControl.Resources>
        <GradientStopCollection x:Key="myGradientStops">
      <GradientStop Color="Blue" Offset="0.0" />
      <GradientStop Color="Black" Offset="0.5" />
      <GradientStop Color="Transparent" Offset="1.0" />
    </GradientStopCollection>
    </UserControl.Resources>
    <StackPanel>

    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="1" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.75" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.5" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0.25" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <LinearGradientBrush GradientStops="{StaticResource myGradientStops}" Opacity="0" />
      </Rectangle.Fill>
    </Rectangle>
    </StackPanel>

</UserControl>

1.	Adding a LinearGradientBrush
2.	LinearGradientBrush SpreadMethod
3.	LinearGradientBrush SpreadMethod=Reflect
4.	LinearGradientBrush SpreadMethod=Repeat
5.	RadialGradientBrush SpreadMethod=Pad
6.	RadialGradientBrush SpreadMethod=Reflect
7.	RadialGradientBrush SpreadMethod=Repeat
8.	LinearGradientBrush examples with GradientStop as Resources
9.	Horizontal Linear Gradient and GradientStop
10.	Consider the following use of a LinearGradientBrush
11.	Paint Grid background with LinearGradientBrush in code
12.	LinearGradientPath and GradientStopCollection
13.	A basic LinearGradientBrush rendered diagonally
14.	A basic LinearGradientBrush rendered horizontally
15.	A horizontal LinearGradientBrush with multiple transitions
16.	Simulating lighting effects with linear fills

LinearGradientBrush Opacity from 1 to 0 : LinearGradientBrush « Graphics « Silverlight

Related examples in the same category