layered pyramid (pure CSS 3D)

Go to Source

See the Code
See it Full Page
See Details

Live coded on the 5th of December 2015. Uses `clip-path` on HTML elements, so it won't work in IE/ Edge (you can [vote for support](! so please do if you like this demo!). Tested & works in Firefox & Chrome. Inspired by [this video](–layers-pyramid-hierarchy-animation.html). Uses the [Pop is Everything]( palette.

Explanations for certain things:

* [clipping paths](

* 2D/3D shape computations: [article]( – [talk](

* [the `calc()` function](

This Pen uses: Jade, SCSS, JavaScript, and