En las últimas builds de Firefox 3.6 se puede comprobar que añade una nueva novedad CSS3, el valor image-rect, al igual que se añadieron nuevas novedades en la primera Alpha de Firefox. Esta nueva novedad permite recortar una imagen mostrando solo la parte del conjunto que deseemos.

Toma dos valores: la dirección de la imagen y la zona donde deseeamos recortar. La estructura sería así:

foo { background-image: -moz-image-rect( url(<uri>), <top>,<right>,<bottom>,<left> ); }

Un ejemplo real:

.aside { background-image: -moz-image-rect( url('imagen.png'), 0, 300px, 0, 45px); }

Esto puede ser usado para realizar CSS Sprites, aunque seguro que se inventarán muchos nuevos usos.

Sin duda una gran mejora en cuanto a las novedades CSS3 implementadas en Firefox, esperemos que sigan así.