search

wezlar / pairs-card-game

This is a simple Pairs Card game in which I am testing out my React and Redux skills.
0 stars 0 forks source link

Card flicker issue during flip #3

Open wezlar opened 5 years ago

wezlar commented 5 years ago

There is a weird animation side effect that has started occurring since the package.json updates.

Flipping a card seems to toggle a slight border, or shadow, which makes the remaining cards jump about 1px to the right before jumping back.

I think it might have something to do with the animation altering the width of the card within the flexbox layout.

wezlar commented 5 years ago

I've added a fix width and height to every card element, which seems to have reduced the flicker, but there is still a slight movement there.