22 septiembre 2011

Increíble Generador de Patterns en Base64

Patterniffy, es otro de esos sitios cool, me quedo corta, está "súper". Ahí, puedes crear tu propio pattern con estilos tipo pixelado que están muy de moda, lineales, entre otros estilos, retocando pixel por pixel, dentro de los 10 x 10 pixeles de espacio que dispone, y luego te generará el código del pattern para que puedas usarlo inmediatamente donde quieras.

Olvídate de usar la imagen para este tipo de patterns que son tan sencillos, sólo necesitarás copiar el código que te genera, ponerlo donde necesites y listo. También te generá una URL única para que puedas compartir el pattern que hayas creado.




¿Cómo usar el código de la imagen generado?

Simplemente lo copias y lo pones en la parte donde debería ir la URL de la imagen, por ejemplo:
.mi_clase{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAJXLl35zwjjgzg6ejqMYAEYB8RmROaABAD+MQ9+5Els9gAAAABJRU5ErkJggg==) repeat;}

...y listo.

Tienes que probarlo ;)


Artículos recomendados:

Gracias por compartir tu comentario y hacernos saber tu opinión.