design
Gratis
Sin registro
Selector de gradiente de color de múltiples paradas
Cree hermosos gradientes CSS de múltiples paradas visualmente con paradas de arrastrar y soltar.
Cargando la herramienta…
Acerca de esta herramienta
Construya gradientes lineales o radiales con hasta 10 paradas de color, arrastre las paradas a lo largo de la barra de vista previa para reposicionarlas y obtenga instantáneamente la salida CSS. Exporte su gradiente como propiedad CSS, elemento de gradiente SVG o descargue un rectángulo PNG relleno. Elija entre 20 preajustes seleccionados para inspiración instantánea.
Cómo usar
- 1 Paso 1: Elija un tipo de gradiente (lineal o radial) y establezca el ángulo para los gradientes lineales.
- 2 Paso 2: Añada paradas de color haciendo clic en 'Add Stop', luego elija un color y establezca su posición.
- 3 Paso 3: Arrastre las paradas a lo largo de la barra de gradiente para ajustar sus posiciones.
- 4 Paso 4: Copie la salida CSS o exporte como SVG / PNG usando los botones de exportación.