title: Angular10 - Safari error: "The provided animation property 'offset' is not a supported CSS property for animations
body: <p>I'm using @angular/animations, but when i use the property &quot;offset&quot; in order to make a stagger effect, in Safari blocks the execution of the entire website. After having removed it, it start running correctly again.</p>
  <p>This is my piece of animation:</p>
  <pre><code>const staggerOpacTrans =    [
  transition('* =&gt; *', [
    query(':enter', style({ opacity: 0 }), { optional: true }),
  
    query(':enter', stagger('100ms', [
      animate('.5s ease-in-out', keyframes([
        style({ opacity: 0, transform: 'translateY(20px)', offset: 0 }),
        style({ opacity: 1, transform: 'translateY(0)', offset: 1 }),
      ]))]), { optional: true })
  ]),]
  
  export const staggerOpacTransAnimation = trigger('staggerOpacTransAnimation', staggerOpacTrans);
  </code></pre>
  <p>I've tried installing this polyfill: <strong>'web-animations-js'</strong> and importing it in polyfills.ts, but still it doesn't work.</p>
  <p>Has anyone ever had problems with <strong>offset</strong> property animation browsing with Safari?
  All the other browser supports that feature perfectly.</p>
  <p>Thank you<a href="https://i.stack.imgur.com/KrjKh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KrjKh.png" alt="This is the error it throws" /></a></p>