title: How can I prevent CSS pseudo elements from disappearing during an animation?
body: <p>Here is my (simplified) situation:</p>
  
  <p><a href="http://jsfiddle.net/qFhaq/">http://jsfiddle.net/qFhaq/</a></p>
  
  <p>Clicking the button launches an animation that expands the height of the div. While the div is expanding, the <code>:after</code> pseudo-element (containing the text 'look') disappears and then reappears at the end of the animation.</p>
  
  <p>Is there a way to prevent the pseudo-element from disappearing, so that it's visible throughout the animation?</p>