Lottie renderer settings like filterSize

Design help Animations & Interactions
1

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!

2

@mgodwin have you found a solution? I’m looking to fix the same issue.

3

Solution was to add an empty rectangle in the background of the animation sufficient to include the drop shadow. Hope that helps!

4

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!