Fly Biplane with Media Queries

Resize the window to fly the plane

Construit avec SVG, HTML5, CSS3,

  • 167 vues
  • 2 commentaires

L'auteur nous en dit plus sur cette démo

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.

déjà 2 commentaires

Connectez-vous pour ajouter la vôtre.

  1. fcalderan a dit

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

    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

Téléchargez le fichier ZIP · 78.68 Ko

Cette démo est fournie sous la licence GPL.