Millor lliure Generador de degradats CSS
Construïu gradients lineals i radials CSS amb una vista prèvia en directe RODU copia el codi de fons.
100% lliure
Sense signar
Sense marca d' aigua
Fitxers processats en memòria, mai emmagatzemats
✨
Va Pro pel millor model AA DEC, vídeo i xateu konch KI més pujades més grans, prioritat a la cua i no espera.
Actualitza al Pro
Amor best.free? Comparteix- lo
Com funciona
- Trieu un tipus. Tria lineal o radial, i estableix l' angle per a un degradat lineal.
- Escolliu colors i atura. Estableix dos o més colors i les seves posicions; afegiu una tercera parada en opcions avançades.
- Copia el CSS. Cops Copia CSS i enganxa el degradat en segon pla al vostre full d' estil.
Quant a aquesta eina
Construïu un degradat CSS per ull en comptes d' editar valors cecs. Canvieu entre lineal i radial, arrossegueu l' angle per a un degradat lineal, i escolliu colors i posicions per a almenys dues actualitzacions de la vista prèvia sencera. Copia la propietat de fons resultant directament al vostre full d' estil. Les opcions avançades afegeixen una gran fase de color per a les mesclades més riques i deixeu- vos escollir una forma de cercle o el· lipse per als gradients radials. S' executa en el navegador.
Per a què la gent l'utilitza?
- Dissenyeu un degradat heroi o secció de fons
- Crea un botó o un farciment de degradats per a les cartes
- Fusiona dos o tres colors de marca amb calma
- Genera un focus radial o efecte de vinyette
Preguntes més freqüents
Una mescla de degradat lineal es mescla amb una línia recta a l' angle que escolliu; una mescla de degradat radial a l' exterior des d' un punt centre com un cercle o el· lipse.
Per a un degradat lineal, l'angle estableix la direcció de la barreja 0° va per sota de 90° a dreta, i així successivament.
Cada parada és un color situat en un percentatge del degradat. Es mou un canvi d' aturada on aquest color s' asseu i com n'és de forta la barreja.
Sí. Obre les opcions avançades per afegir una parada de tercers colors, inserits entre la primera i última per a una mescla multicolor.
No. Els colors i els aturats es converteixen en una cadena CSS localment al navegador.
Sense límits, sense límits, ni una eina clienta sense res a mesurar.
Sí. S' executa al vostre navegador, així que el generador de degradat CSS treballa en telèfons i tauletes així com a l' escriptori Allink no hi ha aplicació per instal· lar.
Normalment només uns segons per un típic fitxer depèn del generador de degradats CSS començant a treballar en el moment en què li doneu la vostra entrada.
L'ús casual és il·limitat, sota una bona escala que el manté ràpid per a tothom.
Tots els navegadors moderns KDE Chrome, Safari, Firefox i Edge. El generador de degradats CSS no necessita res instal· lat més enllà del navegador que ja heu fet servir.