{"id":19681226,"url":"https://github.com/marfullsen/texturas-css","last_synced_at":"2026-05-10T20:43:50.324Z","repository":{"id":139327117,"uuid":"352556843","full_name":"Marfullsen/texturas-css","owner":"Marfullsen","description":"Texturas en CSS aplicadas con imágenes de patrones.","archived":false,"fork":false,"pushed_at":"2021-03-30T00:31:38.000Z","size":2808,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-10T05:36:29.226Z","etag":null,"topics":["css","texturas-css","textures"],"latest_commit_sha":null,"homepage":"https://marfullsen.github.io/texturas-css/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Marfullsen.png","metadata":{"files":{"readme":"readme.MD","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-03-29T07:41:00.000Z","updated_at":"2021-04-17T22:14:56.000Z","dependencies_parsed_at":null,"dependency_job_id":"00cef58a-2350-43ae-b5c4-4d82f1dabb30","html_url":"https://github.com/Marfullsen/texturas-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marfullsen%2Ftexturas-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marfullsen%2Ftexturas-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marfullsen%2Ftexturas-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Marfullsen%2Ftexturas-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Marfullsen","download_url":"https://codeload.github.com/Marfullsen/texturas-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240990742,"owners_count":19889931,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","texturas-css","textures"],"created_at":"2024-11-11T18:07:16.217Z","updated_at":"2026-05-10T20:43:50.282Z","avatar_url":"https://github.com/Marfullsen.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Texturas usando CSS\n[![Github.io](https://img.shields.io/badge/GitHub%20Pages-Texturas%20CSS-green.svg)](https://marfullsen.github.io/texturas-css/)\n[![JavaScript](https://img.shields.io/badge/Vanilla-JavaScript-yellow.svg)](https://www.javascript.com/)\n\n[![Screenshot](./screenshot-560x695.png)](https://Marfullsen.github.io/texturas-css/)\n\n## Descripción\nMostrario 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/).\n\n## ¿Cómo funciona?\nEl 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.\n\n## ¿Cómo uso la página de manera local en mi equipo?\n1. Descargar Zip o usar el comando `git clone`.\n``` \ngit clone https://github.com/Marfullsen/texturas-css.git\n``` \n2. Entrar a la carpeta en cuestión.\n``` \ncd patrones-css\n```\n3. Abrir el archivo Index.html con un navegador como Google Chrome, Firefox, Safari, Opera, Brave, etc.\n*En caso de algún error, se recomienda usar LiveServer (extensión de VS Code).\n\n## Recomendaciones\nEn caso de usar imágenes, recomiendo usar paletas de colores similares, yo uso [imageColorPicker](https://imagecolorpicker.com/) para identificar los colores más apropiados.\nSiempre es bueno utilizar paletas al momento de diseñar páginas web, recomiendo [colorhunt](https://colorhunt.co/)\nPara un mejor acabado recomiendo usar gradientes, una página muy util es [cssgradient](https://cssgradient.io/)\n\n## ¡Visita la página!:\n[Marfullsen.github.io/texturas-css/](https://Marfullsen.github.io/texturas-css/)\n\n## Credito\nGracias al sitio web [transparenttextures.com](https://www.transparenttextures.com/) por las increíbles texturas.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarfullsen%2Ftexturas-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarfullsen%2Ftexturas-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarfullsen%2Ftexturas-css/lists"}