Fly Biplane with Media Queries

Resize the window to fly the plane

Criado com SVG, HTML5, CSS3,

  • 193 visualizações
  • 2 comentários

Mais sobre esta demonstração pelo 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 comentários até agora

Log in to add your own.

  1. fcalderan disse,

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

    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.

About this Demo

Transfira o código fonte 78.68 KB · ficheiro ZIP

Esta demonstração está disponível sob a licença GPL.