title: Rolling effect in ListBox
body: <p>This is a follow-up to this question</p>
  
  <p><a href="https://stackoverflow.com/questions/4429979/increase-fontsize-for-hovered-element-in-wpf-listbox">Increase FontSize for hovered element in WPF ListBox</a></p>
  
  <p>I have a ListBox where I want a "rolling" effect. From start all my items in the ListBox have a FontSize of 12, and when IsMouseOver="True" they get FontSize=18. Now I want the item below and above the IsMouseOvered item to get FontSize 16. I've got a feeling this is not so straight forward. Anyone got any idea?</p>
  
  <p>This is my ListBox now</p>
  
  <pre><code>&lt;ListBox Name="ListBox" ItemsSource="{Binding MyList}" DisplayMemberPath="Property1"&gt; 
      &lt;ListBox.ItemContainerStyle&gt; 
          &lt;Style TargetType="ListBoxItem"&gt; 
              &lt;Style.Triggers&gt; 
                  &lt;Trigger Property="IsMouseOver" Value="True"&gt; 
                      &lt;Setter Property="TextBlock.FontSize" Value="18"/&gt; 
                  &lt;/Trigger&gt; 
              &lt;/Style.Triggers&gt; 
          &lt;/Style&gt; 
      &lt;/ListBox.ItemContainerStyle&gt; 
  &lt;/ListBox&gt; 
  </code></pre>
  
  <p>Thanks</p>