ejemplo de código de degradado de color de fondo css

Te sugerimos que revises esta resolución en un entorno controlado antes de pasarlo a producción, un saludo.

Ejemplo 1: gradiente css

.yourElementClassbackground:linear-gradient(to top,#fff0000%,#000fff100%);/* 1st property: from where the 100% starts *//* 2nd property: the first color *//* 3rd property: the second color *//* to add some colors to the gradient, do the same thing of 2nd and 3rd properties, edit the color and the color-stop */

Ejemplo 2: gradiente lineal css

#gradbackground-image:linear-gradient(to right,#f1b1b1,#82e6e8);

Ejemplo 3: gradiente lineal horizontal css

background:linear-gradient(to left,red,blue);

Ejemplo 4: fondo CSS degradado

/*From bottom to top*/background:rgb(166,166,166);background:linear-gradient(0deg,rgba(166,166,166,1)0%,rgba(255,255,255,1)29%);

Ejemplo 5: gradiente css

Here a codePen with cool gradient animations:https://codepen.io/DevLorenzo/pen/ExgpvJM

---

---

Utiliza Nuestro Buscador