search

Thenlie / turtle

"Wordle" clone
https://wurtle.herokuapp.com/
MIT License
3 stars 2 forks source link

Add 'card flip' animation #65

Open Thenlie opened 2 years ago

Thenlie commented 2 years ago

Create an animation of a card flipping over for each letter when a guess is made. The card styling can also be updated if needed. All of the JS logic is in place and the functionality should not be altered. Ideally this will be a CSS only change but some JS may need to be added/changed to trigger the animation.

The animation would look similar to this but trigger when the word is input, not on hover.

Rough Mockup

image

NOTE: The animation would be done during the arrow of the image above

Thenlie commented 2 years ago

Branch created:

git fetch origin
git checkout 65-card-flip
Thenlie commented 2 years ago

https://animate.style/

Check out this library for a free solution!