Mozilla Demo Studio

  • Soumettre une démo

Rain Ripples

Raindrops run water ripples through HTML content thanks to CSS3 animations, transforms, and -moz-element.

Construit avec JavaScript, HTML5, CSS3,

  • 454 vues
  • 1 commentaires

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

This CSS3 moving poem shows how you can use just a little CSS3 magic to create some refracting water ripples that run right through a page's HTML content. Raindrops and ripples are created with border-radius, box-shadow, and CSS3 scale transforms -- and they are animated with CSS3 animations! Firefox 5 lets us refract not just an image but actual page DOM content via smart use of -moz-element.

déjà 1 commentaire

Inscrivez-vous ou connectez-vous pour ajouter le vôtre.

  1. acalzadilla a dit

    Whoa! Very awesome!

Obtenir le code source

Téléchargez le fichier ZIP · 185.11 Ko

Cette démo est fournie sous la licence MPL/GPL/LGPL.

Plus par zachstronaut