Las meninas con efecto 3D mediante CSS

Las meninas con efecto 3D mediante CSS

Román Cortés nos muestra un efecto pseudo-3D creado únicamente con CSS & HTML puro, nada de javascript ni flash, efecto que podemos activar al mover el cursor por el cuadro que os muestro arriba (sí, habéis acertado, el cuadro se titula “Las Meninas”). Ha usado 3 imágenes para realizar el efecto: 2 para el fondo (las paredes) y otra sprites (3 sprites: uno con las meninas, otro con el lienzo, niño y perro,  y el último con la monja y acompañante). Tan atractivo como la ilusión óptica creada con CSS que hacía mover un caballo, mostrada tiempo atrás.

Autor de CSSBlog ES

Post relacionados


  • Omar
    Gracias Roman por mostrarnos mas posibilidades del CSS, te felicito por tu trabajo y la selección de obra que hiciste
  • Hola Carlos

    No hay que sentir pena alguna con navegadores que no sigan los estándares.
    Especialmente con IE6 que tantos amargos momentos no hace pasar a los diseñadores.
  • Bonito efecto, pero solo para navegadores en condiciones, lastima que en IE6 e IE7 no se vea correctamente. Saludos!
  • @JesusCruz88
    Creo que es algo que jamas hubiera pensado hacer con CSS puro... creo que es algo realmente estupendo y ver que las capacidades del CSS son enormes...

    Gracias por el articulo.

Get Adobe Flash playerPlugin by wpburn.com wordpress themes