Ridimensionare le immagini con i CSS

In genere, quado si mette su un sistema di upload, si fa anche in modo che le immagini vengano ridimensionate durante il caricamento.
Questa soluzione potrebbe, però, non essere abbastanza flessibile per tutti i casi.
Potremmo anche far caricare l'immagine per intero e poi simulare un cripping con i CSS.
Così facendo mostreremo solo la parte della foto che ci interessa, ma l'immagine sarà sempre disponibile per intero.
Cominciamo con la parte HTML:

<div class="cornice-foto">
  <img src="immagine.jpg" alt="Immagine croppata" />
</div>

Codice basilare.