title: How does one stop elements from overlapping during and after a scaletransform animation in WPF?
body: <p>I have a ListBox that has items with a <code>RenderTransform</code> based on a <code>Style.Triggers</code> attribute with storyboard animation including a scaletransform of <code>x 1.5</code> and <code>y 1.5</code>. The result is hideous, and I am looking for a way to get the items to stop overlapping as they do in the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/V25l7.png" alt="The horrible animation effect on the regions that the ListBoxItems occupy."></p>