×
×

Arte con CSS

Si bien el diseño de una web puede ser algo complejo, mucho más complejo puede ser el maquetarla, definir los diferentes estilos. Hay veces que navegando por internet podemos encontrarnos pequeñas joyas como la web que os traemos a continuación.

http://afranoubarzadeh.se/cssart.html creada por Afragon.

Como vemos esta web tiene unas proporciones gigantescas, pero si nos fijamos en el pié de página solo tiene un peso de 151kb.

Vamos a ver como está construida.

Toda la web, esta formada por bloques cuadrados, todos al mismo nivel y con su respectivo color de fondo. Se consigue el efecto redondeado gracias a la propiedad border-radius que da efecto circular a todos los bloques y la rotacion a través de la propiedad rotate

La web se compone de 1094 bloques, cada uno con sus respectivas propiedades.

Analizando un poco su código.

Lo que se hace mediante estilos css (aplicados directamente sobre el objeto div) es:

  • Posicion izquierda
  • Posicion superior
  • Ancho
  • Alto
  • Color
  • Rotación
  • Borde
  • Posición

La web, aparte de ser tremendamente laboriosa, es sencilla en su realización. Os animo a todos a crear buestras propias obras y compartirlas con nosotros.


Añadir nuevo comentario