EDICIóN GENERAL
108 meneos
7404 clics

Este fantástico paisaje está dibujado usando solo código CSS  

Lo que ves sobre estas líneas no es una foto ni una ilustración en el sentido clásico de la palabra. Ese bucólico paisaje se ha creado íntegramente usando hojas de código CSS. Su autor, Ben Evans, ha programado cada elemento con líneas de código y, de hecho, modificar la imagen es tan simple como reescribir.

| etiquetas: paisaje , dibujado , solo , código , css , ben evans
Yo también sé
body {
background-image: url("background.jpg");
}
Desde el respeto... ¿qué utilidad tiene esto pudiendo usar svg en código? Yo tengo las imágenes de mi web en código svg desde hace al menos un par de años ya...
#4 el sentido artistico de dibujarlo en css, como a la que le da por pintar con la sangre de su vagina
que por otra parte... el tio usa un programita para convertir formas básicas en elementos css

No tiene mucho mas mérito en mi opinion
#4 Simplemente vale para decir que está usando la herramienta incorrecta para conseguir los resultados buscados. O sea, para fardar de hacker (hackear a grosso modo es usar una herramienta para un propósito para el que no fue diseñada, dándole funcionalidades y utilidades extra o subvirtiendo el propósito para el que fue construída)
#4 Desde el respeto... ¿para que dibujar si se puede sacar una foto? xD

Bueno, lo primero es por que puede y lo segundo, usar de forma insana las sombras para crear dibujos complejos, cuando alguien venga diciendo que no sabe hacer noseque, que vea el ejemplo, además cambiando una sola variable cambias el color del sol, se me cae la baba :->
#13 Veo que no sabes lo que es un SVG... ;)
#15 Se perfectamente lo que es un svg, de hecho lo uso para todo, para abrir botellas, para cocinar la pizza y sobre todo para hacer gráficos vectoriales, lo que pasa es que me encanta css, jamás lo usuaria para hacer semejante cosa, pero se ponen al límite el tema de sombras :->
Curioso, cómo mueve cada bloque tanteando coordenadas hasta que encajan.
Y yo aún intentando encajar las secciones, columnas y cajas con texto donde deben :-P
#11 prueba con css-grid y con áreas, nunca ha sido tan sencillo.
Un buen resultado
Ese fantástico paisaje que es una foto del verdadero paisaje css que es lo que todos veníamos a ver...

menéame