title: Prevent elements clipping when using 3D CSS transforms
body: <p>I am having trouble preventing two elements clipping when using 3D CSS transforms. Has anyone come across this before and found a solution?</p>
  
  <p>I have attached a screenshot from the latest version of iOS to illustrate the issue - It also occurs on the desktop version of Safari, but not Chrome on OS X.</p>
  
  <p>I understand why this happens, and even that this is the correct behaviour in some circumstances, but it is inconsistent across different browsers.</p>
  
  <p>Thanks for any help :)</p>
  
  <p><img src="https://i.stack.imgur.com/L4ubT.png" alt="Example"></p>