Mozilla Demo Studio

  • Enviar una demo

Fly Biplane with Media Queries

Resize the window to fly the plane

Construido utilizando SVG, HTML5, CSS3,

  • 100 visualizaciones
  • 2 comentarios

Más sobre esta demo del autor

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 comentarios hasta ahora

Regístrate o identifícate para agregar el tuyo.

  1. fcalderan dijo:

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

    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.

Obtén el código fuente

Descarga el arhivo ZIP 78.68 KB · con el código fuente

Esta demo se publica bajo una licencia GPL.