To note: Javascript is not running in this browser environment. Our apologies, but this demo has not yet been updated to support progressive enhancement.
Test purpose
- Pivot stack elements to another element, and add translate values to each to form a cube
- Animate the cube by animating just the one element to which the others are pivoted
- (Cube animations up to scrawl v7 relied on direct manipulation of quaternions in user code; this should all be hidden in v8, leaving the user able to animate the cube entirely via rotation attributes - pitch, yaw, roll)
Note: transform-style: preserve-3d or backface-visibility: hidden issue? Safari displays differently from other browsers. See Things to Watch Out for When Working with CSS 3D.
Touch test: should work as expected
Annotated code