how to do this animation

Help me how to do this animation for card in react js
10 Replies
vince
vinceβ€’17mo ago
#how-to-ask-good-questions
Chooβ™šπ•‚π•šπ•Ÿπ•˜
Which part of this is difficult for you? It looks like the cards are in two different containers that have a transform translate on them going in opposite directions.
Stephin Maju
Stephin MajuOPβ€’17mo ago
That card animation @chooking that animation @chooking send me a code for that card animation please
Chooβ™šπ•‚π•šπ•Ÿπ•˜
What triggers the animation? Does it happen automatically? Is it on hover? Is it a response to scrolling?
Stephin Maju
Stephin MajuOPβ€’17mo ago
@chooking it does automatically not on the hover. It's responsive for medium and large screen
vince
vinceβ€’17mo ago
So do you just want someone to do your work for you? What have you tried? #how-to-ask-good-questions
Stephin Maju
Stephin MajuOPβ€’17mo ago
Yes I am trying to do that card animation
vince
vinceβ€’17mo ago
Can you send what you've tried? Makes it easier for people to understand what you want to do
Chooβ™šπ•‚π•šπ•Ÿπ•˜
As I mentioned before, it's simple transform translate. It just requires an outer container with overflow hidden and the inner container must be taller than the outer one for any movement to happen.
briancross
briancrossβ€’17mo ago
Gotta at least try first and post your results. Put it in a code pen so people can easily edit it.
Want results from more Discord servers?
Add your server