Foro Anime - Sitio de Anime, Manga, Comics y Videojuegos.

Versión completa: Arte con código
Actualmente estas viendo una versión simplificada de nuestro contenido. Ver la versión completa con el formato correcto.
Puede ser que quedes muy impresionado como me pasó a mí. Estas obras están hechas escribiendo código CSS (diseño web).

Vale decir que esto son capturas. Para ver la obra tendrías que ir al sitio y te conviene que sea con un buen navegador actualizado (por ejemplo, Chrome o Firefox en la última versión).



Mostrar ContenidoVarias obras (Top 5):


Mostrar ContenidoCelular realista:


Mostrar ContenidoNo es una foto:


Mostrar ContenidoGaleria 3D (uno puede pasear por la galería en la original):


Mostrar ContenidoLego:


Mostrar ContenidoUn cuadro de una chica:


Mostrar ContenidoUn nokia viejito:


Mostrar ContenidoUna chica en penumbras:


Mostrar ContenidoMueble con objetos:


Bien. Ya puse unos cuantos.

Lo que no está representado es que algunas son animaciones y otras son interactivas, aunque no es posible ponerlo por acá

La fuente es PureCSS, un sitio donde se juntan los artistas de este tipo. Y me recomendaron también para encobtrar estas cosas Codepen (sitio donde la gente comparte su código web, una especie de Instagram de diseñadores web).



Agrego:





¡Qué geniales!

Están bárbaros todos pero no salgo del asombro con el celular realista. ¡Es una locura!
Creo que quedaría fallándome el cerebro al intentar diseñar así en diagonal y encima con profundidad.
le llamamos skew (en un celular, voltealo para que se vea a lo ancho) 

https://developer.mozilla.org/en-US/docs...ion/skew()

Debes hacer click con el dedo a una opcion de la izquierda y se refleja en la imagen de la derecha.