Kodgennemgang til 3D Transition med Shadows

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