In general, there are 3 things that’s affect blur animation issue on safari:
gsap Blur with string param need to pair with autoRound: false in usage
Animate in duration need to be shorter than the gap between animated in and animated out, or pair with overwrite : true, or it will stop in the middle point
Div size matters, when there is a pixel drawing process happening in animation.
In general, there are 3 things that’s affect blur animation issue on safari:
autoRound: false
in usageoverwrite : true
, or it will stop in the middle point