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 ;)

Por: Karla Castañeda en 9/22/2011 Etiquetas:Base64,CSS,patterns,Recursos

Artículos recomendados:

Aviso: ¡Todos los comentarios publicados desde el 2013 se han perdido!. Ésto debido a que Google ha eliminado el sistema de comentarios de Google+. Lamentamos enormemente este hecho, pues se ha perdido toda la participación y/o retroalimentación en las entradas desde dicho año.