+- 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).
Varias obras (Top 5):
![[Imagen: 2021-12-18-11-24-48.jpg]](https://i.ibb.co/HxSn7mk/2021-12-18-11-24-48.jpg)
![[Imagen: 2021-12-18-11-27-29.jpg]](https://i.ibb.co/f0Srq8k/2021-12-18-11-27-29.jpg)
![[Imagen: 2021-12-18-11-30-40.jpg]](https://i.ibb.co/KNzRTLk/2021-12-18-11-30-40.jpg)
![[Imagen: 2021-12-18-11-33-50.jpg]](https://i.ibb.co/bvnz8V6/2021-12-18-11-33-50.jpg)
![[Imagen: 2021-12-18-11-34-59.jpg]](https://i.ibb.co/1G2HjGg/2021-12-18-11-34-59.jpg)
Celular realista:
![[Imagen: 2021-12-18-11-47-15.jpg]](https://i.ibb.co/FKcBDgp/2021-12-18-11-47-15.jpg)
![[Imagen: 2021-12-18-11-47-29.jpg]](https://i.ibb.co/JrhFfTw/2021-12-18-11-47-29.jpg)
No es una foto:
![[Imagen: 20211218-235414.png]](https://i.ibb.co/6wzPq1Z/20211218-235414.png)
Galeria 3D (uno puede pasear por la galería en la original):
![[Imagen: 2021-12-19-12-02-00.jpg]](https://i.ibb.co/30y9Cf5/2021-12-19-12-02-00.jpg)
Lego:
![[Imagen: 2021-12-19-12-05-30.jpg]](https://i.ibb.co/P1rtsmB/2021-12-19-12-05-30.jpg)
Un cuadro de una chica:
![[Imagen: 2021-12-19-12-07-26.jpg]](https://i.ibb.co/XV2mFk2/2021-12-19-12-07-26.jpg)
Un nokia viejito:
![[Imagen: 2021-12-19-12-09-33.jpg]](https://i.ibb.co/Xj8zx0X/2021-12-19-12-09-33.jpg)
Una chica en penumbras:
![[Imagen: 2021-12-19-12-12-12.jpg]](https://i.ibb.co/6mPMpHP/2021-12-19-12-12-12.jpg)
Mueble con objetos:
![[Imagen: 2021-12-19-12-15-59.jpg]](https://i.ibb.co/xYWPpWZ/2021-12-19-12-15-59.jpg)
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.