Mozilla Demo Studio

  • デモを投稿

The Letter-Heads

Experience interactive shadow-art in your browser.

利用技術: JavaScript, CSS3, Audio, Fonts & Type

  • コメント数 3


The Letter-Heads is a demo that lets you experience interactive shadow art. Meet different characters made with letters and text-shadow. By moving and rotating the letters into the right position, their shadow of the letters casts a silhouette that looks like a head. The animation is done with CSS3+JS. It’s mainly inspired by shadow artist Kumi Yamashita (

Credits: Created by simurai.

PS. Also thanks to Refunk for letting me work on this during some office hours.

Register or log in to add your own.

  1. nagarjun007 によるコメント

    hi...its really amazing work...great...
    by the way..can you help me with this html5 ??
  2. tot2ivn によるコメント

    Nice idea and interaction using CSS3 !
  3. Persiangateway によるコメント

    MDaemon/WorldClient v9.6.4 copyright 2007 Alt-N Technologies
    Launcher auto drive


Download the Source 2260.38 KB · ZIP File

Browse the Source

This demo is released under the MPL/GPL/LGPL license.

More by simurai