Kodgennemgang til 3D Transition med Shadows
- Opret et HTML5 dokument med viewport, der klargør til RWD
- Opsæt HTML5 shiv til IE
- Opret et perspektiv på elementerne, der indeholder både for- og bagside
- perspective: 1000px;
- Opret 3D-transform og transition på forside elementerne:
- transform-style: preserve-3d; transform: translateZ(-130px); transition: transform 320ms;
- Opret hover effekter:
- transform: totate(-78deg); translateZ(20px);
- Skjul bagsiden når forsiden ses:
- backface-visibility: hidden;