20-Sided Die

by Matthew Lein

This is a demo of Webkit 3D transforms (and a handful of other CSS3 goodies and JavaScript to make it fun). At time of creation Webkit was the only implementor of 3D transforms.

HTML5 D&D anyone?

I was inspired by Desandro’s excellent 3D transforms article and wanted to make sure that I “got it.” I had the idea of the 20-Sided Die and rolled with it, for better or worse.

Note: This used to spin properly around a center axis, but the browsers have since changed their implementation (of perspective maybe?). I haven't updated it yet.

< More of my experiments

Follow me @matthewlein

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
fill me up