Crea rápidamente gradientes de CSS atractivos con el Creador de gradientes de CSS
bookmark_borderbookmark
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Esta herramienta de Josh W Comeau hace que sea muy fácil crear gradientes atractivos.
Este Generador de gradientes de CSS de Josh W Comeau es una app web muy buena y sencilla que te ayuda a crear "gradientes atractivos y exuberantes".

Personalmente, lucho para asignar la sintaxis a un elemento visual, por lo que esta herramienta ha sido de gran ayuda para mí. Se enfoca en la creación de gradientes lineales y te permite configurarlos con una variedad de modos de color diferentes (como HCL), aunque no se admitan directamente en la función linear-gradient
de CSS. En la entrada de blog de Josh, se explica en más detalle cómo se calcula y aplica la interpolación de color a algo que el navegador puede procesar. Es una lectura fascinante sobre parte de la teoría sobre su funcionamiento.
Gradiente lineal
Navegadores compatibles
Origen
Hero image de Luke Chesser en Unsplash.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2022-05-04 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2022-05-04 (UTC)"],[],[]]