0
771
Vistas¿Combinar 2 degradados lineales usando `background` css?
Estoy tratando de crear un degradado de fondo para un div que sigue este diseño: 
El fondo tiene un degradado linear-gradient( to right, #84d2ff, #8d5acd) , pero también tiene un degradado vertical desde el blanco hacia abajo (no transparente).
¿Es posible combinar estos dos gradientes usando CSS?
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Cada uno de los degradados que aplica no es transparente, por lo que uno de ellos siempre estará encima del otro. Deberá aplicar un efecto de desvanecimiento utilizando valores alfa.
Mire aquí para obtener más detalles: ¿Cómo combinar dos gradientes css3?
.double-gradient { display: grid; place-items: center; height: 200px; width: 200px; background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(251, 251, 251, 0.1) 100%), linear-gradient(90deg, #84d2ff, #8d5acd); } <div class="double-gradient"> Double Gradient </div>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta