Theme Animations

Hi Everyone,

I have a question about the animation controls and the “animate from percentages.” What exactly does that refer to? The percentage is relative to what? What is it measuring? I’m confused.

Hi Derin,

The “animate from percentages” is relative to the element itself. So say you want to animate a component that is currently 500px in width. If the “Slide in Horizontally” is set to 50% than means the component will animate in by 250px from the direction selected. The reason for using percentage is so the animation is responsive and relative to the current element’s size.

We’ve done a little video to show you how this works.

Thank you that answers my question perfectly.