Cómo crearía un DIV que contenga un IMG donde el DIV corta la imagen en un triángulo, mostrando así solo una parte de la imagen a través de un triángulo.

entonces.

<div>
   <img src='some_image' />
</div>

Donde la imagen es un cuadrado, pero el DIV que contiene la imagen es un triángulo. @http: //www.script-tutorials.com/creating-kaleidoscope-using-jquery-and-css resuelve esto muy bien, excepto que esta solución no es compatible con x-browser (no es decir).

http: //css3pie.com parece interesante, sin embargo, esto se basa en PHP.