Para qué te sirve
- Más libertad visual: botones con un aspecto más dinámico que un color sólido.
- Sin código: el degradado se configura desde los ajustes del botón.
- Diseño alineado a tu marca: mezcla varios colores de tu identidad visual.
- Varios estilos: degradado lineal, radial o angular.
- Control de la mezcla: agrega y edita varias paradas de color para definir la transición.
- Tus estilos actuales siguen igual: los botones con color sólido funcionan como siempre.
Opciones de fondo del botón
Tipos de degradado
Ángulo
El ángulo define la dirección del degradado en los tipos que lo admiten. Por ejemplo, un degradado lineal puede ir de izquierda a derecha, de arriba abajo o en diagonal. Ajústalo para que el botón combine con el resto de la página.Paradas de color
Las paradas definen qué colores forman el degradado y en qué punto aparece cada uno. Con ellas puedes:- Agregar dos o más colores al fondo del botón.
- Controlar cuánto protagonismo tiene cada color.
- Crear transiciones más suaves o más marcadas.
- Reproducir con precisión las combinaciones de colores de tu marca.
Cómo aplicar un degradado a un botón
1
Abre el constructor
Abre el formulario, la encuesta o el cuestionario que quieres editar.
2
Selecciona el botón
Haz clic en el botón que quieres personalizar para que aparezcan sus ajustes de estilo.
3
Ve al fondo del botón
En los ajustes de estilo del botón, busca la sección Fondo del botón.
4
Elige Degradado
Cambia de Color sólido a Degradado y selecciona el tipo: lineal, radial o angular.
5
Configura colores y ángulo
Agrega o edita las paradas de color. Si el tipo elegido lo permite, ajusta el ángulo.
6
Revisa y guarda
Usa la vista previa para comprobar cómo se ve el botón y después guarda o publica los cambios.
Preguntas frecuentes
¿Puedo seguir usando un color sólido?
¿Puedo seguir usando un color sólido?
Sí. Puedes elegir entre color sólido y degradado en cada botón.
¿En qué constructores está disponible?
¿En qué constructores está disponible?
En el constructor de formularios, de encuestas y de cuestionarios.
¿Necesito CSS personalizado?
¿Necesito CSS personalizado?
No para los degradados estándar. El CSS personalizado solo tiene sentido para estilos avanzados que no estén en los controles integrados.
¿Puedo usar más de dos colores?
¿Puedo usar más de dos colores?
Sí. Puedes agregar y editar varias paradas de color.
¿Cambiarán mis botones actuales?
¿Cambiarán mis botones actuales?
No. Tus botones siguen con su estilo actual hasta que tú los cambies a degradado.
Artículos relacionados
Formularios, encuestas y QR
Conceptos básicos de formularios y encuestas.
Colores de marca en formularios y encuestas
Usa los colores de tu tablero de marca.
Degradados y desenfoque de fondo
Aplica degradados a secciones, filas y columnas.