Mostrario web sobre diferentes tipos de texturas que se pueden aplicar sobre colores y fondos directamente desde css, únicamente usando imágenes de patrones con transparencia disponibles en este link.
El objeto en cuestión lleva un color de fondo determinado, a este fondo se le aplica una imagen de algún patrón determinado, el cual tiene cierto grado de transparencia, la imagen del patrón se repite las veces que sea necesaria para aplicar el efecto en deseado.
- Descargar Zip o usar el comando
git clone.
git clone https://github.com/Marfullsen/texturas-css.git
- Entrar a la carpeta en cuestión.
cd patrones-css
- Abrir el archivo Index.html con un navegador como Google Chrome, Firefox, Safari, Opera, Brave, etc. *En caso de algún error, se recomienda usar LiveServer (extensión de VS Code).
En caso de usar imágenes, recomiendo usar paletas de colores similares, yo uso imageColorPicker para identificar los colores más apropiados. Siempre es bueno utilizar paletas al momento de diseñar páginas web, recomiendo colorhunt Para un mejor acabado recomiendo usar gradientes, una página muy util es cssgradient
Marfullsen.github.io/texturas-css/
Gracias al sitio web transparenttextures.com por las increíbles texturas.