Animate Grid Background color
<p>I want to change the grid background via binding, if a condition is true.<br>
I am using the <a href="https://mvvmlight.codeplex.com/" rel="nofollow noreferrer">MVVM light framework</a>.  </p>

<pre class="lang-xaml prettyprint-override"><code>&lt;Grid.Style&gt;
    &lt;Style TargetType="Grid"&gt;
      &lt;Style.Triggers&gt;
        &lt;DataTrigger Binding="{Binding SuccessBooked, UpdateSourceTrigger=PropertyChanged}"
                     Value="True"&gt;
          &lt;!--Setter Property="Background" Value="LimeGreen" /&gt;--&gt;
          &lt;DataTrigger.EnterActions&gt;
            &lt;BeginStoryboard&gt;
              &lt;Storyboard&gt;
                &lt;ColorAnimation To="LimeGreen" 
                            Storyboard.TargetName="ActualWeightBg"
                            Storyboard.TargetProperty="Background" 
                            FillBehavior="Stop" 
                            Duration="0:0:12"/&gt;
                &lt;!--&lt;DoubleAnimation Storyboard.TargetProperty="Opacity"
                     From="0.0" To="1.0" Duration="0:0:15"/&gt;--&gt;
              &lt;/Storyboard&gt;
            &lt;/BeginStoryboard&gt;
          &lt;/DataTrigger.EnterActions&gt;
        &lt;/DataTrigger&gt;
        &lt;DataTrigger Binding="{Binding LowerBooked, UpdateSourceTrigger=PropertyChanged}"
                     Value="True"&gt;
          &lt;Setter Property="Background" Value="Red" /&gt;
        &lt;/DataTrigger&gt;
        &lt;DataTrigger Binding="{Binding HigherBooked, UpdateSourceTrigger=PropertyChanged}"
                     Value="True"&gt;
          &lt;Setter Property="Background" Value="DarkOrange" /&gt;
        &lt;/DataTrigger&gt;
      &lt;/Style.Triggers&gt;
    &lt;/Style&gt;
&lt;/Grid.Style&gt;
</code></pre>

<p>The compiler complains:</p>

<p><a href="https://i.stack.imgur.com/KURVO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KURVO.png" alt="enter image description here"></a></p>

<p>If I remove <code>Storyboard.TargetName="ActualWeightBg"</code>:</p>

<pre><code>&lt;ColorAnimation To="LimeGreen"
   Storyboard.TargetProperty="Background" 
   FillBehavior="Stop" 
   Duration="0:0:12"/&gt;
</code></pre>

<p>I get this exception:</p>

<blockquote>
  <p>Exception thrown: 'System.InvalidOperationException' in PresentationFramework.dll</p>
</blockquote>

<p>I want that background color is going to change for 5s, after that it should change back to the standard color.</p>

<p><strong>Update</strong><br>
So when a background color is not set, it will throw the error:</p>

<blockquote>
  <p>Cannot resolve all property references in the property path
  'Background.Color'. Verify that applicable objects support the
  properties.</p>
</blockquote>

<p>As you see here, the background color is not set
<a href="https://i.stack.imgur.com/CPLd3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CPLd3.png" alt="enter image description here"></a></p>

<p>then the error will occur:<br>
<a href="https://i.stack.imgur.com/WMDKf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WMDKf.png" alt="enter image description here"></a></p>

<p>But when the background is set:<br>
<a href="https://i.stack.imgur.com/L926n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/L926n.png" alt="enter image description here"></a></p>

<p>Then it will work as expected.</p>

<p>How can I set an animated background color, without background color being set.
It is an usercontrol.</p>