title: CSS clip-path fails on load in Safari
body: <p>I've been playing with CSS <code>clip-path</code> property and made this pen animating a logo: <a href="http://codepen.io/alexcoady/pen/PqJavW" rel="nofollow">http://codepen.io/alexcoady/pen/PqJavW</a>. The code draws a number of divs and applies <code>clip-path</code>s to them dynamically based on some triangles I've generated.</p>
  
  <p>This works as expected in Chrome (43.0.2357.124 (64-bit) ).</p>
  
  <p>In Safari (8.0.4 + iOS), however, nothing shows up at all. Once I've opened the inspector I can uncheck the <code>clip-path</code> property, then I re-check it - the path is visible as expected.</p>
  
  <p>Any ideas what I can do to ensure that Safari renders these paths first time round?</p>
  
  <p>Thanks.</p>