2D Image transformations on hover:

BACK

Rotate

here is the relevevant code

figure img { scale: 75%; } #spin:hover { transform: rotate(45deg); } #spin { transition: transform 450ms; }

Scale

here is the relevevant code

figure img { scale: 75%; } #boo:hover { transform: scale(125%); } #boo { transition: scale 450ms; }

Translate

here is the relevevant code

figure img { scale: 75%; } #car { transition: transform 0.5s; } .move-right { transform: translateX(900px); }