Foro Anime - Sitio de Anime, Manga, Comics y Videojuegos.
Arte con código - Versión para impresión

+- Foro Anime - Sitio de Anime, Manga, Comics y Videojuegos. (https://foroanime.net)
+-- Foro: CLUBS (https://foroanime.net/Foro-CLUBS)
+--- Foro: Mangaka Legion (https://foroanime.net/Foro-Mangaka-Legion)
+--- Tema: Arte con código (/Tema-Arte-con-c%C3%B3digo)



Arte con código - Argi - 19-12-2021

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:








RE: Arte con código - Cruyff - 19-12-2021

¡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.


RE: Arte con código - Argi - 20-12-2021

@Cruyfford le llamamos skew (en un celular, voltealo para que se vea a lo ancho) 

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/skew()

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