CSS Tangram

Using CSS borders I created a tangram set, and two demos. To create your own tangram figure, use the tangram toolbox and start positioning the different parts!

Basic Tangram Set

The below is a basic tangram set, consisting of two large triangles, one medium, two small, one square and a parallellogram.

Running Man

This is a very classic tangram figure, for the first time constructed in CSS.

© 2003-2006, Mark Schenk.