Foros del Web » Creando para Internet » CSS »

Estirar degradado en css

Estas en el tema de Estirar degradado en css en el foro de CSS en Foros del Web. Hola a todos, quisiera saber como se puede estirar un color en especifico al hacer un degradado, el que quisiera estirar mas seria el #93bca2.. ...
  #1 (permalink)  
Antiguo 31/07/2014, 18:17
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Pregunta Estirar degradado en css

Hola a todos, quisiera saber como se puede estirar un color en especifico al hacer un degradado, el que quisiera estirar mas seria el #93bca2..

dejo codigo css:

Código CSS:
Ver original
  1. <style>
  2. .fondo { width:1100px; height:100px;
  3.  
  4. background: -webkit-linear-gradient(left, #93BCA2,  #F57153,  #D6C69F);
  5. background: -moz-linear-gradient(left,  #93BCA2,#F57153,  #D6C69F);
  6. background: -o-linear-gradient(left,#93BCA2, #F57153,  #D6C69F);
  7. background: linear-gradient(left,#93BCA2, #F57153,  #D6C69F);
  8.  
  9. </style>
  10.  
  11. <div class="fondo"></div>



Muchas Gracias a todos saludos y gracias por su tiempo
saludos
fede
  #2 (permalink)  
Antiguo 31/07/2014, 18:23
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Estirar degradado en css

Simplemente añádele una medida al color:

Código CSS:
Ver original
  1. background: linear-gradient(left, #93BCA2 200px,  #F57153,  #D6C69F);

También puede ser un valor porcentual o cualquier otro.
  #3 (permalink)  
Antiguo 31/07/2014, 22:07
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Respuesta: Estirar degradado en css

Hola Muchas Gracias funciono de 10.!!!
gracias
saludos
fede

Etiquetas: background, color, degradado, estirar, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:58.