miércoles, 3 de octubre de 2012

Dibujando cosas con Box-Shadow (increbile)

Hola hoy he visto ua tecnica un tanto peculiar sobre como dibujar , logos , imagenes , o vectores solo con un elemento html y puro css .

La tecnica basicamente es hacer copias de cada elemento pixel y posicionarlo donde tu quieras y de esa manera ir formando tu dibujo. Bueno creo que con unos ejemplos te puedes dar cuenta de lo increible de la tecnica aqui pongo algunos link de dibujo hechos solo con CSS repito no son imagenes son dibujados con CSS.

  1. http://codepen.io/jackrugile/pen/tGBAC
  2. http://codepen.io/joshnh/pen/iwmAp
  3. http://codepen.io/joshnh/pen/rxAtE
  4. http://codepen.io/Kseso/pen/pmEah
  5. http://codepen.io/joshnh/pen/ohbHl
Como recordatoria esta tecnica es genial pero realmente nunca deberia de usarse en produccion  , por que el box-shadow no es soportado por todos los navegadores y el render es muy lento.

Por ultimo si quierem probar con sus propias imagenes aqui les dejo un link  donde puede subir tu imagen y sera convertida a css pero no usen imagenes muy grandes link :  http://codepen.io/blazeeboy/pen/bCaLE

1 comentario: