Blog Eat Blog CSS CSS 3D Meninas
| 01 Febrero 2010
Posted in
Cosas -
CSS
Román Cortés ha tomado el cuadro Las Meninas y he creado un extraordinario efecto pseudo-3D con CSS. Es CSS puro, sin javascript ni flash; sólo código CSS y HTML.
Para la realización ha usado tres imágenes: dos se corresponden al fondo (paredes) y otra de sprites (3 sprites: uno con el lienzo, niño y perro, otro con las meninas, y el último con la monja y acompañante). El posicionamiento de los sprites se realiza mediante hover en un total de 80 anchors. El lateral derecho de la habitación se ensancha y contrae para mejorar el efecto 3D.