Mozilla Demo Studio

  • Submit a Demo

Fly Biplane with Media Queries

Resize the window to fly the plane

Dibuat menggunakan SVG, HTML5, CSS3,

  • 99 views
  • 2 comments

More About This Demo From The Author

This Dev Derby submission contains no Javascript. It uses CSS 3D Transforms, SVG graphics & CSS Media Queries.

Resize the window to fly the plane. Drag your window corner over the blocks to do a trick.

This has been tested in Firefox 17 Beta and Safari/Chrome.

2 comments so far

Register or log in to add your own.

  1. fcalderan berkata,

    Nice. With some clouds slightly animated on the background it would be even more realistic
  2. launchinteractive berkata,

    Thanks Fabrizio, I actually tried adding clouds in the background using a fullscreen image which looked really good. Unfortunately it affected the performance too much so I opted with the gradient.

Get the Source Code

Download the Source 78.68 KB · ZIP File

This demo is released under the GPL license.