CSS Linear & Radial Gradient Studio
Dissenyar vibrants gradients lineals, radicals i multicolors amb quadrants d'angle interactius, parades de colors i presets.
S'executa al teu navegador. Els fitxers mai no surten del dispositiu. Mira com comprovar-ho
…
Com es fa
- 1Pas 1: obre CSS Linear & Radial Gradient Studio i introdueix les teves dades
Escriu els teus nombres o text, afegeix el fitxer o tria les opcions que necessites. No es puja res: tot es queda al teu navegador.
- 2Pas 2: què fa CSS Linear & Radial Gradient Studio
Dissenyar vibrants gradients lineals, radicals i multicolors amb quadrants d'angle interactius, parades de colors i presets.
- 3Pas 3: llegeix el resultat i compara'l
El resultat apareix a l'instant. Canvia un valor per veure com varia la resposta i queda't amb la xifra que s'adapti al teu cas.
- 4Pas 4: copia'l o desa'l
Copia el resultat o descarrega'l. Per a una decisió important, confirma'l amb la font oficial o amb un assessor.
Sobre aquesta eina
Transform plain UI backgrounds into rich, multi-dimensional visual experiences. Customize 3 distinct color stops, adjust linear angle orientations from 0 to 360 degrees, or switch to smooth circular radial gradients. Includes quick-select designer presets and one-click CSS export.
Consells per obtenir el millor resultat
Abans de començar, dedica un moment a llegir les opcions i prova l'eina primer amb un exemple petit. Tot s'executa al navegador del teu dispositiu; res del que escrius o afegeixes es puja i tancar la pestanya ho esborra tot. Si alguna cosa no et sembla bé, recarrega la pàgina i torna-ho a provar, o fes servir l'enllaç d'informe d'aquesta pàgina per dir-nos què ha anat malament. Si un resultat continua semblant erroni, canvia un valor cada vegada per veure quin camp influeix més. Afegeix aquesta pàgina als preferits si la tornaràs a fer servir.
En resum
- Categoria: Imatges
- S'executa al navegador, sense registre, sense pujar res.
- La informació que introdueixes es queda al dispositiu.
- Disponible en molts idiomes.
- Contingut revisat per última vegada:
Preguntes freqüents
Quina és la diferència entre gradients lineals i radials?
Els gradients lineals transiten colors al llarg d'una línia recta en un angle especificat, mentre que els gradients radicals irradien circularment cap a fora des d'un centre focal.
Hi ha paletes de gradient?
Sí, canvia ràpidament entre Sunset (purple-pink-amber), Ocean (cyan-blue-indigo) i Cyber (emerald-blue - purple).
El codi generat dóna suport als navegadors més antics?
Yes. Standard W3C `linear-gradient` and `radial-gradient` syntax is universally supported across all modern mobile and desktop browsers.
Puc utilitzar aquests gradients per a emplenar text?
Yes. Combine with `background-clip: text; -webkit-text-fill-color: transparent;` to create vibrant gradient typography.