<Style x:Key="CloseButton" TargetType="{x:Type Button}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Canvas MaxHeight="50" MaxWidth="50">
<Canvas.Triggers>
<EventTrigger RoutedEvent="Canvas.MouseEnter">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Duration="0:0:0.05" To="1" Storyboard.TargetName="border" Storyboard.TargetProperty="Opacity"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Canvas.MouseLeave">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Duration="0:0:0.05" To="0.5" Storyboard.TargetName="border" Storyboard.TargetProperty="Opcity"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Canvas.MouseLeftButtonDown">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Duration="0:0:0.05" To="0.5" Storyboard.TargetName="border" Storyboard.TargetProperty="Opacity"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Canvas.Triggers>
<Rectangle x:Name="border" Width="50" Height="50" Stroke="Black" StrokeThickness="2" RadiusX="10" RadiusY="10" Opacity="0.5">
<Rectangle.Fill>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="White" Offset="0"/>
<GradientStop Color="Red" Offset="1"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Line X1="10" Y1="10" X2="40" Y2="40" StrokeThickness="5" StrokeEndLineCap="Round" StrokeStartLineCap="Round">
<Line.Stroke>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="Red" Offset="0"/>
<GradientStop Color="White" Offset="1"/>
</LinearGradientBrush>
</Line.Stroke>
</Line>
<Line X1="40" Y1="10" X2="10" Y2="40" StrokeThickness="5" StrokeEndLineCap="Round" StrokeStartLineCap="Round">
<Line.Stroke>
<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
<GradientStop Color="Red" Offset="0"/>
<GradientStop Color="White" Offset="1"/>
</LinearGradientBrush>
</Line.Stroke>
</Line>
</Canvas>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
پاسخ با نقل قول