I’ve got a drop shadow on my Lottie animation that is being “clipped” along the edges. Lottie documentation suggests the fix is to adjust the filterSize renderer setting. Renderer Settings · airbnb/lottie-web Wiki · GitHub
I’m looking for either:
- a way to update renderer setting from webflow,
- or perhaps a little guidance on foregoing the native lottie implementation and using an html embed to take advantage of the renderer settings I need.
Any help much appreciated!
@mgodwin have you found a solution? I’m looking to fix the same issue.
Solution was to add an empty rectangle in the background of the animation sufficient to include the drop shadow. Hope that helps!
Hey @mgodwin — can you elaborate on where/how you’re adding this rectangle? Are you adding this inside the lottie animation itself or doing something on the webflow side?
I’ve got a lottie with multiple drop shadows built in after effects and adding 0% opacity rectangles behind those shadow elements has no effect.
Thank in advance!