Está claro que al tener sólo dos tamaños, tienen dos clases distintas para esos DIVs
Pero si las fotos fueran de distintos tamaños ¿cómo se resolvería esa situación? mmm... a mi se me ocurre generarme un construtor de cajas en JavaScript que aplique ese efecto. Pero no tengo ni idea de como hacer eso sólo con divs y css.
Es un efecto interesante que merece la pena ser estudiado para cualquier tamaño. Lo único que se me ocurre es un anidamiento de 5 DIVs.
Código:
<div class="bordeCabecera">
<div class="bordeInferior">
<div class="bordeIzquierda">
<div class="bordederecha">
<div class="contenido">
[...]
</div>
</div>
</div>
</div>
</div>
¿A alguien se le ocurre otra forma?