Back to overview
Best Viewed: Safari on iOS, Mac OS X, Windows
CSS3 and HTML5 can be combined to deliver full-featured games on the Web. You can use CSS transforms, transitions, and animations to move playing pieces onscreen, or provide visual feedback. The HTML5 offline storage support built into Safari allows you to save and restore the state of your game, and you can even enable full offline functionality so that your game can be played even when users are not connected to the Internet. As you write your code, you can use Safari's Web Inspector to inspect and experiment with offline data.
In this example:
- Playing pieces move by combining CSS3 transforms and transitions.
- CSS3 animates a playing piece once it is selected.
localStoragestores high scores, and saves and restores the state of the game.
Viewing this demo using a browser other than the latest version of Safari may not provide you with the experience this demo was designed to showcase.
To ensure the best experience with this demo, simply download Safari. It’s free for Mac and PC and only takes a few minutes to install.Close