how to do this animation

Help me how to do this animation for card in react js
10 Replies
vince
vince10mo ago
#how-to-ask-good-questions
ChooKing
ChooKing10mo ago
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 Maju10mo ago
That card animation @chooking that animation @chooking send me a code for that card animation please
ChooKing
ChooKing10mo ago
What triggers the animation? Does it happen automatically? Is it on hover? Is it a response to scrolling?
Stephin Maju
Stephin Maju10mo ago
@chooking it does automatically not on the hover. It's responsive for medium and large screen
vince
vince10mo 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 Maju10mo ago
Yes I am trying to do that card animation
vince
vince10mo ago
Can you send what you've tried? Makes it easier for people to understand what you want to do
ChooKing
ChooKing10mo ago
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
briancross10mo ago
Gotta at least try first and post your results. Put it in a code pen so people can easily edit it.