Estoy intentando poner una animación del background de un botón al que he tenido que cambiarle el template y no consigo que funcione. Creo que lo que pasa es que al cambiar el template ya se va toda la configuración al carajo y yo no controlo totalmente aún. Hasta ahora tengo esto:
<Style x:Key="cambiarTemplate" TargetType="Button">
<Setter Property="FocusVisualStyle"
Value="{StaticResource ButtonFocusVisual}" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="Border"
BorderBrush="Black"
BorderThickness="4"
TextBlock.Foreground="Black"
CornerRadius="8,8,8,8"
TextBlock.FontWeight="ExtraBold"
Background="{StaticResource degOperaciones}"
>
<ContentPresenter
Margin="2"
Width="154"
HorizontalAlignment="Center"
TextBlock.TextAlignment="Center"
VerticalAlignment="Center"
RecognizesAccessKey="True"/>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<EventTrigger RoutedEvent="Button.MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Duration="0:0:0.5" Storyboard.TargetProperty="(Button.FontSize)" From="10"
To="20">
</DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Button.MouseLeave">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Duration="0:0:0.5" Storyboard.TargetProperty="(Button.FontSize)"
From="20" To="10"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
<EventTrigger RoutedEvent="Button.MouseEnter">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard>
<ColorAnimation
Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)"
From="Orange" To="White" Duration="0:0:0.1" AutoReverse="True" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Style.Triggers>
</Style>
Los dos triggers que cambian el tamaño de la letra funcionan pero el que cambia el color no funciona por alguna razón que no alcanzo a entender. Alguna idea? Gracias de antemano. :)