title: How to detect mobile Safari global orientation rotation animation
body: <p>Hi I'm trying to trigger an event when mobile Safari rotates to a different orientation. I am aware of the <code>orientationchange</code> however this is not acceptable because it is called <strong>after</strong> the orientation rotation animation is played and the new orientation is set. I have an element that I need to hide before or during the animation.</p>
  
  <p>I'm trying to capture the state before the orientation has changed particularly before the animation plays. I've tried applying events like <code>webkitAnimationStart</code> and <code>animationstart</code> to the <code>window</code>, <code>document</code> and <code>document.body</code> and none of them seem to be triggered. Hoping I'm overlooking something.</p>