Una de las mejores formas de aprender es jugando, y eso es lo que justamente hicieron en Cubiq, en donde el autor aprovecho la propiedad transform de CSS3 para crear una completa cuidad en 3D animada.
La ciudad fue generada utilizando solamente CSS3, ni una sola línea de javascript, pueden ver una demostración online, o bien ver el video que inserto a continuación para ver el resultado final.
Como pueden ver el experimento resulto muy bien, quedan pendientes algunos aspectos relacionados al rendimiento de esta propiedad, el autor comenta que a mayor cantidad de edificios comenzaban los problemas de renderizado en los distintos navegadores. No obstante y a modo educativo, esta muy pero muy bien.
En el blog del autor pueden leer una completa explicación paso a paso de como crear una ciudad partiendo de un documento vació.
Web: Cubiq
Gustavo Novaro
13 años ago
Hola, por lo que vi funciona en Chrome, en Firefox no me carga