# Fun with CSS, A card based monster battle POC **URL:** \ **Category:** Community Resources\ **Created:** [October 14, 2024, 4:02pm UTC](https://community.glideapps.com/t/fun-with-css-a-card-based-monster-battle-poc/77085 "2024-10-14T16:02:25Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Trustin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/trustin/32/88217_2.png) [@Trustin](https://community.glideapps.com/u/Trustin)\ **Post date:** [October 14, 2024, 4:02pm UTC](https://community.glideapps.com/t/fun-with-css-a-card-based-monster-battle-poc/77085/1 "2024-10-14T16:02:25Z")
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](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/a/facaa7da71c590d2b81cfc12c9fbdf60ec0b08cd.gif) The selected card basically checks if the boolean is checked, it will update the top and left parameters of the div. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/7/9768f2ebd0d51c7d7d382f04befe5863c762f867.png) 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](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/8/0835594236dca16bc948d1312609095d4558f5b4.png) Let me know your thoughts! ---
**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\ **Post date:** [October 15, 2024, 11:13am UTC](https://community.glideapps.com/t/fun-with-css-a-card-based-monster-battle-poc/77085/2 "2024-10-15T11:13:11Z")
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!