4

Estoy intentando agregar un gradiente a un div y lo quiero horizontal

article:nth-of-type(1){
 background:linear-gradient(#0f0f0f80,#DDD);
 opacity:1;
 border:0px solid #DDD;
}

2 respuestas 2

3

Añadiendo el parámetro to right a linear-gradient podrías hacer que el conjunto de colores se apliquen de izquierda a derecha.

.gradient {
  width: 200px;
  height: 200px;
  background: linear-gradient(to right, red, blue);
}
<div class="gradient"></div>

2

Estudia este código:

background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(104,104,231,1) 51%);

90deg es para hacelo horizontal el rgba es el rgb con la opacidad (4º termino) y finalmente el % es el punto de transición (51% es la mitad de la linea horizontal)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.