| |||
Degradado en CSS Hola buenos dias... Me gustaria poner como fondo de mi pagina un degradado... He intentado hacerlo, pero lo unico que consigo es que el degrado se haga solamente en la mitad de la pagina y el navegador repite el degradado en la otra mitad... Yo lo que quiero es que me ocupe el espacio por completo... Si alguien puede echarme una mano... Muchas gracias |
| |||
Respuesta: Degradado en CSS Hola @dragonfire256 , vos te referís a la etiqueta <body> ? Si es así te comento que vía CSS primero deberías declarar, html,body{margin:0;padding:0; width:100%;height:100%;} Esto va a generar que el degradé ocupe el 100% de la página. Luego lo mejor sería utilizar algún standard de Degradé, como puede ser este, en este caso un ejemplo de gris claro a gris oscuro: body{ background: #87e0fd; /* Old browsers */ background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */ background: linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */ } Para generar buenos colores y de una manera muy simple te recomiendo esta web: [URL="http://www.colorzilla.com/gradient-editor/"]http://www.colorzilla.com/gradient-editor/[/URL] Da soporte a Webkit, Opera, Mozilla y Microsoft. Ojalá haya entendido tu pregunta. Saludos. |
| |||
Respuesta: Degradado en CSS Cita: Disculpa por tardarme tanto en responderte, pero estaba ocupado en otras cosas... A la final utilice este codigo:
Iniciado por AndresTaggify Hola @dragonfire256 , vos te referís a la etiqueta <body> ? Si es así te comento que vía CSS primero deberías declarar, html,body{margin:0;padding:0; width:100%;height:100%;} Esto va a generar que el degradé ocupe el 100% de la página. Luego lo mejor sería utilizar algún standard de Degradé, como puede ser este, en este caso un ejemplo de gris claro a gris oscuro: body{ background: #87e0fd; /* Old browsers */ background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* IE10+ */ background: linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */ } Para generar buenos colores y de una manera muy simple te recomiendo esta web: [URL="http://www.colorzilla.com/gradient-editor/"]http://www.colorzilla.com/gradient-editor/[/URL] Da soporte a Webkit, Opera, Mozilla y Microsoft. Ojalá haya entendido tu pregunta. Saludos.
Código CSS:
Ver original Pero me gustaria que me explicaras tu codigo porque se ve mucho mas completo... Veo que utilizas porcentajes y utilizas palabras (top por ejemplo) para ubicar el degradado... Me parece interesante y me gustaria que me lo explicaras un poco mas... Muchas gracias por tu ayuda hermano |
Etiquetas: |