What is the difference between “Fade In Left” scroll animation effect and the “Slide In Left” animation?

[NMWeb]

I asked this before here but the answer from Themeco doesn’t make sense.

The answer was:

The “Fade In Left” effect will be fading in while it slides from the left.
The “Slide In Left” effect only slides the element from the left.

This doesn’t match how I’m observing them to actually work. For example, on this page I’ve placed two identical images with set one to “Fade In Left” and the other set to “Slide In Left”. To make it easier to observe I changed the duration of the effect to 5000ms. I see no difference in behavior between the two.

Is there really a difference?

I have a need to animate a slide in from the left effect with no fade in but have not been able to figure out how to do this as the setting “Slide In Left” also fades in.

[ruenel]

Hello @NMWeb,

Thanks for writing in!

To have a Slide In Left effect without fading, your IN and OUT opacity must be set to 1.

Please check out my example in the secure note below.

I added a delay of 1000ms so that the fade-in is noticeable.

Best Regards.

[NMWeb]

Thanks. So the difference is just that the Fade In Left effect ignores the Out Opacity setting while the Slide In Left allows that value to control the opacity?

[ruenel]

Hello @NMWeb,

Yes. With the Slide-In Left, the element is visible upon loading the page and it will just slide from the left side.

Regards.