CSS Master

Figure 6.41. Elements with a transform-style value of flat

Toworkaroundthis,wesetthevalueoftransform-styletopreserve-3d.Let’s
updateourCSS:

.wrapper {

perspective: 2000px;

perspective-origin: 50% -200px;

transform-style: preserve-3d;

}

.wrapper figure {

position: absolute;

top: 0;

width: 200px;

CSS Transforms 267