Animations, transformations, content and fun through mediaqueries
More About This Demo From The Author
On browser resize, pacman begins to eat balls and to increase his score moving to the left, while a ghost (inky) is trying to chase him. At some breakpoints, an object may pulse: a click on these pulsing objects reveals some insights on a layer about the game. The same content is thus placed on the bottom of the page when the browser width reaches the last breakpoint.
Some content explaining the purpose of the demo is also available when CSS support is not enabled.
- Font embedding
It looks good on Firefox and Opera. On webkit (it doesn't support animations on pseudoelements) and IE9 some effects fail.
Get the Source Code
This demo is released under the GPL license.