https://github.com/marfullsen/texturas-css
Texturas en CSS aplicadas con imágenes de patrones.
https://github.com/marfullsen/texturas-css
css texturas-css textures
Last synced: about 1 month ago
JSON representation
Texturas en CSS aplicadas con imágenes de patrones.
- Host: GitHub
- URL: https://github.com/marfullsen/texturas-css
- Owner: Marfullsen
- Created: 2021-03-29T07:41:00.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-03-30T00:31:38.000Z (about 5 years ago)
- Last Synced: 2025-01-10T05:36:29.226Z (over 1 year ago)
- Topics: css, texturas-css, textures
- Language: HTML
- Homepage: https://marfullsen.github.io/texturas-css/
- Size: 2.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.MD
Awesome Lists containing this project
README
# Texturas usando CSS
[](https://marfullsen.github.io/texturas-css/)
[](https://www.javascript.com/)
[](https://Marfullsen.github.io/texturas-css/)
## Descripción
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](https://www.transparenttextures.com/).
## ¿Cómo funciona?
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.
## ¿Cómo uso la página de manera local en mi equipo?
1. Descargar Zip o usar el comando `git clone`.
```
git clone https://github.com/Marfullsen/texturas-css.git
```
2. Entrar a la carpeta en cuestión.
```
cd patrones-css
```
3. 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).
## Recomendaciones
En caso de usar imágenes, recomiendo usar paletas de colores similares, yo uso [imageColorPicker](https://imagecolorpicker.com/) para identificar los colores más apropiados.
Siempre es bueno utilizar paletas al momento de diseñar páginas web, recomiendo [colorhunt](https://colorhunt.co/)
Para un mejor acabado recomiendo usar gradientes, una página muy util es [cssgradient](https://cssgradient.io/)
## ¡Visita la página!:
[Marfullsen.github.io/texturas-css/](https://Marfullsen.github.io/texturas-css/)
## Credito
Gracias al sitio web [transparenttextures.com](https://www.transparenttextures.com/) por las increíbles texturas.