Elige la función
Usa lineal para un eje, radial desde un centro o cónico alrededor de un punto.
Tres pasos explícitos
Elige, posiciona y copia
Coloca de 2 a 8 paradas
Los porcentajes se ordenan; las posiciones iguales conservan su orden para bordes duros.
Copia una declaración
Pega background-image en tu hoja y prueba el contexto real.
Entrega de diseño y desarrollo
Cuando una idea visual necesita CSS exacto
- Ajusta un fondo de hero o tarjeta y entrega la declaración exacta.
- Compara estructuras lineales, radiales y cónicas sin reescribir sintaxis.
- Crea bordes duros con paradas adyacentes en el mismo porcentaje.
Local por diseño
Convierte una dirección visual en CSS exacto
Crea y copia la declaración; verifica contraste y compatibilidad en el componente real.