Foldable 3D Avatar

3D CSS transform demo of the foldable avatar builder used in Foldable.me

Built using JavaScript, HTML5, CSS3

  • 441 views
  • 0 comments

More About This Demo From The Author

This tool enables you to customize a 3D foldable paper avatar, and is used in an actual production site!

You can rotate the model by pressing the arrow keys on your keyboard. When the user's browser doesn't support CSS 3D transforms (check performed by Modernizr), the model is still usable in 2D, and can be rotate by clicking the buttons below it.

More about the story behind this demo on: http://logicalfriday.com/2012/03/28/finally-a-legitimate-use-for-3d-css/

No comments yet.

Log in to add your own.

About this Demo

Download the Source 790.84 KB · ZIP File

Browse the Source

This demo is released under the GPL license.