Hello, Ahmed basset! 👋
Good job on this one! Your solution responds well and overall looks good. I've recently finished this challenge too and it was really hard to make this flip animations so kudos for that. Take a look at my solution. I used backface-visibility
property. This property defines whether or not the back face of an element should be visible when facing the user. So when i rotate my cards, back of them isn't visible to the user so I can create this nice flip animation. And also used perspective
CSS property to give cards "3d" effect.
- Take look at bottom half of your
.card-back-text
. It is changing before card flip. It should change after card is flipped.
Good luck with that, have fun coding! 💪