Acerca de esta herramienta
Crea hermosos degradados lineales y radiales CSS con un editor visual. Elija colores, ajuste las paradas, cambie la dirección o el ángulo y vea la actualización de la vista previa en vivo en tiempo real. Copie el código CSS generado (incluidos los prefijos de proveedores para navegadores más antiguos) y péguelo directamente en su hoja de estilo.
Preguntas frecuentes
- ¿Los gradientes CSS funcionan en todos los navegadores?
- Los degradados CSS modernos (degradado lineal, degradado radial) son compatibles con todos los navegadores actuales, incluidos Chrome, Firefox, Safari y Edge. Opcionalmente, la herramienta puede generar prefijos -webkit- para versiones anteriores del navegador.
- ¿Puedo crear degradados multicolores?
- Sí. Añade tantas paradas de color como necesites. También puedes ajustar la posición de cada parada para controlar dónde se mezclan los colores. Esto permite gradientes complejos de arcoíris, atardeceres o marcas personalizadas.
- ¿Cuál es la diferencia entre gradientes lineales y radiales?
- Los degradados lineales cambian los colores a lo largo de una línea recta (de arriba a abajo, de izquierda a derecha, en diagonal o en cualquier ángulo). Los degradados radiales hacen una transición de colores hacia afuera desde un punto central en una forma circular o elíptica.
- ¿Puedo utilizar el degradado como fondo para el texto?
- Sí. Utilice background-clip: text con -webkit-text-fill-color: transparent para aplicar el degradado al texto. El CSS generado proporciona la definición del degradado; combínelo con estas propiedades para el texto degradado.