Para esta página, puedes encontrar paletas y cambiar colores visitando el sitio coolors.co y explorando diferentes opciones.

Ejemplo #1: Cómo agregar un fondo degradado de 2 colores a un botón

Paso 1: Haz clic en el Selector de CSS Personalizado y pega el siguiente código:

.coolbutton1 {
    background: linear-gradient(220deg, rgba(136,171,117,1) 30%, rgba(98,137,98,1) 70%);
}

Paso 2: Cambia los valores dentro de rgba(r,g,b,a) usando el sitio coolors.co u otra app de colores. Asegúrate de copiar el valor en formato RGBA y no en HEX.

Ejemplo: Blanco en RGB es (255,255,255), pero en HEX es #ffffff.

Paso 3: Haz clic en Guardar.

Paso 4: Haz clic en el botón al que quieras aplicar el estilo, selecciona la pestaña Avanzado y agrega el nombre de la clase personalizada que configuraste en el paso 1. En este caso, el nombre es coolbutton1.

Nota: No incluyas el punto (.) al escribir el nombre de la clase.

Ejemplo #2: Cómo agregar un fondo degradado de 3 o más colores a un botón