Gradient es una herramienta simple pero potente que te ayuda a librarte de la torpeza de los presets de proveedor a la hora de crear degradados CSS3.
Cómo usar Gradient:
- Elige el color perfecto con el selector personalizado de Gradient (o usa la ventana estándar de Colores)
- Ajusta el valor en RGB, HEX o HSL en el panel de entrada
- Usa atajos para acelerar tu flujo de trabajo y hacer la creación de degradados CSS lo más rápida posible
- Elige entre degradados lineales y radiales
- Establece la dirección para degradados lineales o la posición central para los radiales
- Ajusta finamente el resultado para adaptarlo perfectamente a tus necesidades y a tu estilo de código
Más funciones que ahorran tiempo ya están en desarrollo, como:
- Degradados de múltiples pasos
- Más opciones de posicionamiento
- Salida en SASS
Opiniones de expertos:
- "No encontrarás a un diseñador web vivo que no se estremezca ante el proceso de crear degradados CSS3 para los distintos navegadores modernos e Internet Explorer. Es increíblemente tedioso, pero, gracias a Gradient, ¡esta tarea ahora toma segundos!" — Jeffrey Way
- "Escribir degradados a mano con todos los prefijos de proveedor adecuados es tedioso, propenso a errores y una pérdida de tiempo. Para degradados sencillos de dos colores (la mayoría de los casos de uso), Gradient App es la herramienta perfecta." — Chris Coyier
Pros
- Interfaz sencilla y potente
- Ahorra tiempo al generar gradientes con los prefijos necesarios
- Soporta entrada en RGB, HEX y HSL
- Atajos para acelerar el flujo de trabajo
- Permite degradados lineales y radiales con ajuste de dirección/centro
- Salida ajustable para adaptarse a distintos estilos de código
- Nuevas funciones planeadas (degradados multistep, más posicionamiento, salida SASS)
Contras
- Algunas funcionalidades importantes (como degradados de múltiples pasos y más opciones de posicionamiento) todavía están en desarrollo
- Aún no hay salida SASS completa (planificada)
- Usuarios que ya cuentan con herramientas avanzadas pueden no necesitarlo tanto