title: CSS transitions: Strange unwanted delay in Webkit browsers (Chrome and Safari)
body: <p>I was hoping someone could help explain the strange behaviour I'm experiencing in Webkit browsers with unwanted delays in CSS transitions.</p>
  
  <p>Here is a link to the page I'm working on: <a href="http://demo.daised.com/help-me" rel="noreferrer">http://demo.daised.com/help-me</a></p>
  
  <p>The desired outcome is for the menu bar to shrink as the user scrolls down the page. This animates perfectly in Firefox. </p>
  
  <p>However, in Webkit browsers the transition for font-size of the nav items is delayed by 6(!) seconds.</p>
  
  <p>Thanks for helping me understand this better.</p>