Return to Test Drive Demos

Space Invader

Use your mouse to zap the UFO in this CSS3 Backgrounds & Borders demo! This demo uses three layered SVG backgrounds for the sky, UFO and crosshair. When the background position of the crosshair is closely aligned with that of the UFO, the UFO background is replaced with a zap SVG image. Javascript is used to update the background-position and background-image for each background. The sound effects use the HTML5 audio element and can be turned off using the Mute checkbox.

background-image
background-position
Mute
This demo requires support for SVG as a CSS background-image format