Would like to seek for you guys advice. Currently im working on the animation development for one of my website section. However, I would like the image to come out in "fade in" & "fade out" mode instead of scrolling up and down.
Do you guys have any idea on how i should write on the code part ?
Appreciate if you can advice
See the Pen GRrMoxB by zenithlai (@zenithlai) on CodePen
Since your elements are of position absolute, you'd have to incorporate some logic in your JS to handle that.
E.g. set up a variable and in the forEach-loop over your elements check if the current element's height is higher than that variable. If it is higher, set that variable to the current element's height - that way you'd make sure that you end up with the tallest element's height for that variable, which you could then use to set the height of everything that needs to have that