Ease Speed like Webflow in HTML Player

1

How to make the animation smoother?
In webflow we can choose “Ease Speed” replaces the scroll value with a delay and EASE value, making the animation less “hard” when scrolled quickly :grinning:

1 Like
2

@marconi If you made animation in after effect. Then I will suggest you to make keyframe EASE IN or EASE Out. For this, select all keyframe and press F9. if you need more smooth, you can use keyframe graph editor.

1 Like
3

Hey!

I understand, but the animation is not related to its absolute beginning or end, but in the interaction, as you scroll.

1 Like
4

@marconi Cofetti animation only work onTrim path effect. It’s come from your creativity

5

@latif.bd1789 They’re not troubleshooting the animation, they’re troubleshooting the animations playback while scrolling in their HTML editor.

@marconi what is your HTML editor? You mentioned Webflow, but I guess you’re not using that this time?

1 Like
6

Hi @irbypace !

I’m using lottiefiles player for web.

I use Elementor too, but his player is limited

7

@marconi Do you think that this breakdown/walkthrough will help?

8

Hi!

Unfortunately no, Elementor doesn’t offer that kind of scrolling, to be clear what I want:

9

@marconi marconi

You can use some “smooth scroll” scripts, for example:
https://www.cssscript.com/smooth-momentum-scrolling/
https://www.cssscript.com/smooth-momentum-scrolling-butter/
Плавный скролл

10

Thanks for the suggestion, but I would need Smooth advance in lottie itself because the animation space is very short.