As you learn about the BevelBitmapEffect in my previous article, now you will see the working of OuterGlowBitmapEffect.
OuterGlowBitmapEffect: OuterGlowBitmapEffect is one of several effects that are shipped with the Windows SDK. You can control the color (GlowColor), the width of the glow effect (GlowSize, which defaults to 5), the sharpness of the glow (Noise, which takes a value between 0 and 1), and whether content underneath shows through the halo (Opacity, which also takes a value between 0 and 1).
This bitmap effect creates a halo of color around the perimeter of an object, we have two different properties such as GlowColor and GlowSize that would determine the effect. assigning an OuterGlowBitmapEffect element to the BitmapEffect property of an element creates a glowing halo around the target element according to the configuration of the OuterGlowBitmapEffect element. The BitmapEffect property is declared by the System.Windows.UIElement clas, which means you can apply a glow effect to anything that inherits from UIElement, Which includes all the standard control and graphics elements.
Example of OuterGlowBitmapEffect
<Window x:Class="Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<StackPanel>
<Button Margin="11" Content="Button 1">
<Button.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="Blue" GlowSize="5" />
</Button.BitmapEffect>
</Button>
<Button Margin="11" Content="Button 2">
<Button.BitmapEffect>
<OuterGlowBitmapEffect GlowColor="Green" GlowSize="5" />
</Button.BitmapEffect>
</Button>
</StackPanel>
</Window>
Output Window
Conclusion
Hope this article clear to you and help to understand the OuterGlowBitmapEffect in WPF.