How to achieve a scrolling upwards effect, while parts of prev one still in view

I have this animation that i would like to recreate using js and css based on a list of words from a cms. I lack animation skill, and am in desperate need of help in modifying my code to recreate the wanted behavior. My code: https://codesandbox.io/s/2v85nk?file=/src/TextSlider.js
grebmarv
CodeSandbox
textslider vertical slider - CodeSandbox
textslider vertical slider by grebmarv using loader-utils, react, react-dom, react-scripts
1 Reply
Jochem
Jochem7mo ago
Please don't just recreate your post and delete your old one when you don't like the answers you have to animate the parent, not the children, to get the effect you wanted. The codepen you linked in the other thread earlier had an excellent example of how to achieve that like, I'm honestly not really sure how to help more than to recreate the example you already linked and explain that you have to animate the parent rather than the individual children