Fun with CSS, A card based monster battle POC

Hi all,

Sharing a little fun project for a game.
Roll a die for damage.
Choose a card to use multiplier and attack monster.

Card css

The selected card basically checks if the boolean is checked, it will update the top and left parameters of the div.

Monster move and attack.
Basically when the button attack is triggered, it updates the top value of the div image and wait for 1 sec and update back to 0 to make it like a frame animation.
image

Let me know your thoughts!

6 Likes

Love your updates! I’m always impressed what you can do on a free plan. You can’t even tell it’s a Glide App. Nicely done!

1 Like