Currently in the process of creating a game using HTML5 and CSS3.
I'm working with several divs that have hover-activated CSS3 animations. The game itself is a simple matching tiles/cars game, optimized for Chrome as it currently only supports -webkit-. Here's a sneak peek at what I've got so far:
I'm now looking to add game logic, but I'm unsure of the best approach to take.
Is it feasible to simply assign additional ids to the DIVs and use JavaScript to check them?
Any suggestions on how to make the animations trigger on click events? Or perhaps even better, on tap events for iPad users?
Appreciate any advice you can provide!