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

PUBLICIDAD




PUBLICIDAD


Microsiervos Selección


Fantastic Cities: A Coloring Book of Amazing Places Real and Imagined

EUR 13,08 (Reseña en Microsiervos)

Comprar


Star Wars: Millennium Falcon: Owner

EUR 26,73 (Reseña en Microsiervos)

Comprar


Amazon Associates

Los productos aquí enlazados están a la venta en Amazon. Incluyen un código de Afiliado Amazon Associates que nos cede un pequeño porcentaje de las ventas. Los productos están seleccionados por los autores del blog, pero ni Amazon ni los editores de los libros o fabricantes de los productos participan en dicha selección.

Más libros y productos en:

Microsiervos Selección