Interpolation, Easing & Smoothing - Webflow interactions and animations tutorial

In the past, artists would have to animate frame-by-frame. Enter: the computer. There are three major aspects to digital animation that can apply to all sorts of motion graphics we can create today — (1) interpolation: automatically creating motion between frames, (2) easing: controlling how linear or softened this motion appears, and (3) smoothing: adding a damping effect which smooths an animation as it approaches its trigger destination.

Steps in the video:
00:00 - Introduction
00:13 - Interpolation
00:52 - Easing
01:24 - Smoothing
----------

Get started with Webflow:

[njengathegeek]

I have been encountering some problems in webflow animation, thanks to McGuire he gotch me 🤜🤛... Am watching this animation playlist

[daangqueenie]

I'm trying to animate a div block to expand and close when a button is clicked. My div block is placed on the right side of the web page, and when I try to animate it so that the size increases from the div block on the right to a larger div block that bleeds towards the left side of the page, the animation looks like it's flying in from the left? So instead of looking like a simple block growing in size from right to left, it somehow looks like al large block is flying in from the left. How do I fix this, or animate so that my elements move from right to left, and not left to right?

[kouvasilias]

is it possible to smooth overall scrolling?