SVG generadores de patrones

· 1 min de lectura
SVG generadores de patrones

En esta oportunidad quiero compartir unos generadores de patrones elaborados con SVG. Los patrones  pueden mejorar las ilustraciones de nuestros proyectos.

Ahora, hay muchas otras opciones para los patrones SVG, por ejemplo, para repetir imágenes de fondo. HeroPatterns proporciona docenas de patrones repetidos que funcionarían bien como imágenes de fondo, azulejos o texturas. También puede ajustar los colores de primer plano y fondo.

  • Wowpatterns cuenta literalmente con miles de patrones gratuitos, basados en formas orgánicas, temas, animales, playa, ciudad y personas, festivales, flores, etc.
  • PatternMonster incluye 180 patrones, y puede filtrarlos por modo y color, e incluso buscar otros específicos, incluso puedes realizar una búsqueda personalizada.
  • PatternFills incluye un montón de patrones en blanco y negro, también esta disponibles desde la línea de comandos.
  • Plain Pattern le permite cargar una forma SVG (o utilizar una de las existentes) y crea un patrón repetitivo que puede ser exportado como SVG.
  • Patternify es un generador de patrones CSS que permite definir un patrón en una cuadrícula de 10×10, previsualizar el resultado y descargar PNG o CSS.
  • Magiattern proporciona una biblioteca de patrones de fondo CSS puros como diagonales.

Artículo anterior

Como detectar un elemento sticky cuando se queda fijo

Realizando proyectos tuve la necesidad de saber cuando un elemento se queda fijo sticky al realizar scroll. Podemos saber si un elemento se ha vuelto

Artículo siguiente

Como elegir una clave SSH para un host especifico

Elegir un clave SSH en lugar del valor predeterminado para conectarse ha un servidor remoto especifico. ~/.ssh/id_rsa

Artículos Relacionados

Como obtener al padre de un elemento con vanilla JS

Como obtener al padre de un elemento con vanilla JS

· 1 min de lectura
Cómo abrir una imagen WebP en Photoshop

Cómo abrir una imagen WebP en Photoshop

· 1 min de lectura
Como detectar un elemento sticky cuando se queda fijo

Como detectar un elemento sticky cuando se queda fijo

· 1 min de lectura
Video responsive de YouTube y Vimeo con HTML y CSS

Video responsive de YouTube y Vimeo con HTML y CSS

· 1 min de lectura
8 sitios para encontrar hermosas ilustraciones gratuitas

8 sitios para encontrar hermosas ilustraciones gratuitas

· 2 min de lectura
¿Odias el nuevo diseño de Twitter? Con este truco puedes regresar a la version antigua

¿Odias el nuevo diseño de Twitter? Con este truco puedes regresar a la version antigua

· 1 min de lectura