Foros del Web » Creando para Internet » CSS »

Degradado de mitad de fondo

Estas en el tema de Degradado de mitad de fondo en el foro de CSS en Foros del Web. Hola a todos mi idea es la siguiente, tengo en mi web de arriba hacia abajo un encabezado hecho de una imagen de mas o ...
  #1 (permalink)  
Antiguo 15/02/2014, 17:30
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
Pregunta Degradado de mitad de fondo

Hola a todos mi idea es la siguiente, tengo en mi web de arriba hacia abajo un encabezado hecho de una imagen de mas o menos 175px de alto, depues empieza mi web y me gustaria hace un degradado de oscuro a claro, no se como se hacerlo,, se puede hacer usando una imagen?..

dejo mi css
Código CSS:
Ver original
  1. body{
  2.     background:url(../_img/unimev_fondo.png) repeat-x #80A863}
  3.    
  4.    
  5.  
  6. /* INDEX */
  7.  
  8. html, body{
  9.     margin:0px;
  10.     padding:0px;
  11. }
  12. .pagina{
  13.     width:1030px;
  14.     height:auto;
  15.     margin-right:auto;
  16.     margin-left:auto;
  17.     margin-top:0px;
  18.     padding:0px;
  19. }

saludos a todos
fede
  #2 (permalink)  
Antiguo 16/02/2014, 03:27
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Degradado de mitad de fondo

Puedes usar degradados, compatibles solamente con navegadores que soporten CSS 3. Te dejo un par de enlaces para que aprendas al respecto, tienen ejemplos.

- https://developer.mozilla.org/es/doc..._CSS_gradients
- http://www.genbetadev.com/desarrollo...adados-en-css3

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 16/02/2014, 03:57
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 14 años, 3 meses
Puntos: 60
Respuesta: Degradado de mitad de fondo

Aquí puedes generar tu degradado. Lo pones a tu gusto, y luego solo tienes que copiar y pegar el css en tu web

http://www.colorzilla.com/gradient-editor/
  #4 (permalink)  
Antiguo 17/02/2014, 10:36
Avatar de fedefrankk  
Fecha de Ingreso: agosto-2007
Mensajes: 871
Antigüedad: 17 años, 3 meses
Puntos: 7
De acuerdo Respuesta: Degradado de mitad de fondo

Hola Muchas Gracias a ambos, estan espectaculares los ejemplos,
y el creador muy bueno!!!

saludos y gracias

Etiquetas: background, degradado, html
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:12.