Crear degradados CSS y revisar su uso real.
Indique dirección, paradas y superficie. Compruebe contraste donde se superpone texto y aporte fondo sólido si se requiere.
Adapta el flujo de trabajo a tu tarea.
Defina superficie, dirección, paradas y alternativa sólida; genere declaración CSS. Pruebe todo el degradado tras contenido superpuesto y recorte adaptable. Evalúe contraste del texto aparte del atractivo del fondo.
- Qué aportas
- Colores, dirección y requisitos visuales.
- Qué obtienes
- Degradado CSS válido con parámetros editables.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
Create a left-to-right background from #fff7ed to #fed7aa, with a solid fallback.
Ejemplo completo
background-color: #fff7ed; background-image: linear-gradient(90deg, #fff7ed 0%, #fed7aa 100%); Check any foreground text against the full gradient, not just one endpoint.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿Basta comprobar contraste en un extremo?
No. El texto puede cruzar zona con menos contraste. Pruebe posiciones y estados reales.
¿Por qué la dirección difiere del diseño?
Convenciones de ángulo y geometría influyen. Renderice en superficie objetivo e inspeccione.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑