Aos: Fade-out

[timotheegoguely]

As you have _zoom-in_ and _zoom-out_, I think adding _fade-out_ in the fade predefined animations could be useful in some cases.

[michalsnik]

Hi @timotheegoguely, thanks for reaching out.

Please notice that both of animations zoom-in and zoom-out works the way that they start with opacity: 0 and ends with opacity: 1, the only difference is that one of them starts with different scale. They are both about showing an element.

The animation you're proposing will hide an element, which is not what I want to do with this library.

[janstieler]

Hi,
I'm actually have yet also the situation that I need a fadeout on scroll.

The animation you're proposing will hide an element, which is not what I want to do with this library.
What will you not with your library? That Elements will be hidden? Sorry really strange position.
I like your library but because of this, I have to use another one or I have to write my own function yet.

[JonS7]

I found you can actually do this by writing you own transition for when the .aos-animate class is applied, and leaving data-aos empty...
<div class="fade-out" data-aos></div>
.fade-out.aos-animate {opacity: 0}