Sobre aquesta eina
Creeu bells gradients lineals i radials CSS amb un editor visual. Trieu colors, ajusteu les parades, canvieu la direcció o l'angle i consulteu l'actualització de la vista prèvia en directe en temps real. Copieu el codi CSS generat, inclosos els prefixos de proveïdors per a navegadors antics, i enganxeu-lo directament al vostre full d'estil.
Preguntes freqüents
- Els degradats CSS funcionen en tots els navegadors?
- Els degradats CSS moderns (gradient lineal, degradat radial) són compatibles amb tots els navegadors actuals, inclosos Chrome, Firefox, Safari i Edge. Opcionalment, l'eina pot generar prefixos -webkit- per a versions anteriors del navegador.
- Puc crear degradats multicolors?
- Sí. Afegiu tantes parades de color com necessiteu. També podeu ajustar la posició de cada parada per controlar on es barregen els colors. Això permet crear gradients complexos d'arc de Sant Martí, posta de sol o personalitzats.
- Quina diferència hi ha entre els gradients lineals i radials?
- Els degradats lineals fan transició de colors al llarg d'una línia recta (de dalt a baix, d'esquerra a dreta, diagonal o qualsevol angle). Els degradats radials fan una transició de colors cap a l'exterior des d'un punt central en forma circular o el·líptica.
- Puc utilitzar el degradat com a fons per al text?
- Sí. Utilitzeu background-clip: text amb -webkit-text-fill-color: transparent per aplicar el degradat al text. El CSS generat proporciona la definició del degradat: combina-la amb aquestes propietats per al text degradat.