Por Nacho Palou — 6 de Mayo de 2010

spider-man-css3.png

Después de ver la intro de los dibujos animados de Spiderman de 1967, Anthony Calzadilla pensó que podría hacer una animación igual de básica utilizando sólo CSS3, JavaScript y HTML5.

Dicho y hecho. Explica cómo en Pure CSS3 Spiderman Cartoon w/ jQuery and HTML5 - Look Ma, No Flash!

La figura de Spiderman, por ejemplo, está formada por elementos individuales para cada miembro articulado. Aprovechando que con CSS3 los elementos pueden rotarse desde un punto fijo puede mover cada uno de ellos individualmente.

Para verlo es necesario acceder a CSS3-Man con los navegadores Safari o Chrome, o en su defecto se puede ver como película.

Compartir en Flipboard  Compartir en Facebook  Tuitear