Summary

In this chapter, you learned about using different new properties of CSS3 to create games.

Specifically, we covered how you can build a card game that is based on CSS3 styles and animation. You learned how to transform and animate the game object by using the transition module. We can flip a card back and forth with perspective depth illusion. We also embedded web fonts from an online font delivery service.

Now that you've learned about creating DOM-based HTML5 games with the help of CSS3 features, we are going to explore another approach—using the new canvas tag and the drawing API—to create HTML5 games in the next chapter.