Fly Biplane with Media Queries

Resize the window to fly the plane

Built using SVG, HTML5, CSS3,

  • 84 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

Log in to add your own.

  1. fcalderan said,

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

    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.