El generador de CSS
Creació de gradients lineals, radials i còniques en el teu navegador.
Color de parada
Utilitza les maneres d'atur o les armes de teclat per editar posicions. Cada parada inclou un color explícit, opacitat i percentatge.
Processament local natiu de navegador
El seu gradent es manté en aquest navegador. No hi ha colors ni CSS generats que s'envien a Converter.
Gramatge limitat d'importació
Les importacions accepten el gradient lineal(), el gradent radial() o el graduent conic(), amb colors i percentatges hex. Les declaracions, les URL, les variables i les funcions desconegudes es rebutgen localitzadament.
El fallback accessible
El CSS generat inclou un sol i color de fons a la banda del gradiment per a renderitzadors no recolzats i el crom de control accessible.
Preguntes freqüents
El meu gradient està carregat?
No. Estat graduat, colors, CSS importat i generat CSS es manté en el seu navegador.
Quins tipus de gradiment CSS es donen suport?
El generador crea una sortida lineal-gradient(), radial-gradent() i conic-gradent()) amb múltiples parades de color hex.
Què puc importar?
Les importacions accepten un gramari deliberadament limitat utilitzant una funció gradient recolzada, colors hex, percentatges opcionals i valors d'angle o posició limitats.
Desenvolupador i eines de disseny relacionades
El generador de CSS
Construeix gradients de CSS lineals o radials i preview colors, angles, posicions i repeticions.
- Entrada
- Tipus de gradiment, parades de color, posicions, angle i configuracions repetides.
- Exposició
- Una declaració de fons CSS i previ en viu.
- Les limitacions reals
- El rendiment del navegador pot diferir lleugerament per motor, i l'eina no avalua el contrast o garanteix suport en els navegadors heredats.
- Privacitat i tractament de dades
- El tipus de gradiment, les parades de colors, les posicions, l'angle i les configuracions de repetició es processen en aquesta taula del navegador. el convertidor no el rebrà ni el emmagatzema; tancar o rellotjar la pàgina aclarirà l'estat de treball llevat que l'eina ofereix explícitament una descàrrega local.
Com utilitzar aquesta eina
- Proporcionar tipus de gradiente, parades de color, posicions, angle i configuracions repetides en els controls d'eines.
- Selecciona les configuracions que afecten una previsió en viu i la declaració de fons CSS còpies, i després executa l'eina.
- Revisa una previsió en viu i una declaració de fons CSS copiable abans de copiar o descarregar-la.
Modes comuns d'insuccions
Una parada de color, una coloració invalida o una posició incompatible no permet la creació d'una declaració de CSS vàlida.
Exemple útil
Crea un gradient lineal de 90 graus des del 0 al 0 al 9 al 0 i copia la declaració.