DotNetcr.com
Si deseas hacer un intercambio de links con DotNetcr, escríbenos aquí
Recibe las actualizaciones vía RSS
Te invitamos a unirte en nuestras redes
   http://www.facebook.com/DotNetcr
   http://www.twitter.com/dotnetcr

Degradado con CSS Filter

Por CSSboulevar | 9/19/2005 | Visitas 13,845 | Voto 5.00
Una idea creativa como alternativa para un fondo de página sin la utilización de imágenes.
Categorías : CSS - Themes
En este artículo utilizaremos por primera vez los CSS Filter que deben su nombre a los efectos que podemos lograr sin la utilización de imágenes editadas.
Este es el turno de presentar al filtro Alpha Channel, capaz de aclarar con efecto degradado a cualquier objeto de nuestra página.

Para que Alpha Channel funcione correctamente hay que definir algunas propiedades:

- Width
- Height
- Background
- Filter

Width y Height definen el área en donde Alpha Channel va a actuar.
Background contendrá el color que predominará en el degradado.
Filter contiene las propiedades que le dan vida al efecto que queremos lograr.

Filter:Alpha([Opacity], [FinishOpacity], [Style], [StartX], [StartY], [FinishX], [FinishY])


Opacity: Determina cuan opaco es el color predominante en el comienzo del degradado.
FinishOpacity: Determina cuan opaco es el color predominante en el final del degradado.
Style: Determina que efecto degradé vamos a utilizar.
StartX, StartY, FinishX, FinishY: Determinan si el degradé es horizontal o vertical.

Para lograr un fondo de página con Alpha Channel puedes copiar el siguiente ejemplo:

<html>
<head>

<style type="text/css">

body {margin:0; background:#000}

#body {background:#222;width:100%; height:100%; filter:Alpha(Opacity=100,
FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%)}

</style>

</head>
<body>

<div id="body"></div>

</body>

</html>
Area de Comentarios
Por Anónimo - Fecha: 2006/06/29 08:44 PM
copie eso y no me genero el degradede, puede ser por que estoy usando el mozila ???
muchas gracias

muracciolei@hotmail.com
Por Anónimo - Fecha: 2006/07/31 11:47 AM
Hola Anónimo. Si efectivamente esa hoja de estilo solo funciona en Internet Explorer. Para Mozilla te recomiendo utilizar una imagen.
Un saludo. Fede.
Por Anónimo - Fecha: 2006/11/25 10:09 AM
Buenísima esta seccion, gracias, me he ahorrado trabajo con Photoshop para aplicar degradado.
Por Anónimo - Fecha: 2007/06/06 05:11 AM
Si sólo sirve para visualizarlo en IExplorer y para otros Navegadores como Mozilla se necesita una imagen...¿Cuál es la ventaja de este "código"?... Entonces ¿no sería mejor poner directamente una imagen background que sirva para todos los navegadores?
Por Anónimo - Fecha: 2007/06/17 12:04 PM
este ejemplo de degradado lo veo en todo lado.. deberian pensar un poco mas y no copiar y pegar articulos de otras paginas.
Por Anónimo - Fecha: 2008/06/06 09:02 AM
javier: MUY BUENO LA VERDAD, pero me sale un mensaje de adevertencia de segurdiad, que puedo hace para que eso no pase
Por Anónimo - Fecha: 2008/11/27 12:59 PM
Sale toda la pantalla en negro
Por Anónimo - Fecha: 2010/04/08 11:35 PM
CAMMBIENLE LOS COLORES...
Por Anónimo - Fecha: 2010/09/19 12:54 PM
si solo sirve para ie.x no sirve de mucho lo mismo se puede hacer con script es mejor hacer una imagen con degradado que se vea en todos los navegadores
Por royrojas - Fecha: 2010/09/19 09:10 PM
ah si, este articulo fue escrito ya hace bastante tiempo, ahora con jQuery o css3 se pueden hacer cosas impresionantes
Por Anónimo - Fecha: 2012/07/19 04:59 AM
Are You Aware OfBeing around for numouers years of seeing my dad struggle with the issue, I can tell you from the beginning that , known as hemorrhoids is probably one of the worst things you can suffer from. I can still remember the sounds of pain, in addition to the incapacity to function as a average person, and I recall the fear for my dad, the instant he realised that the only possible way to receive some hemorrhoids treatment, would be to have them removed through surgery. This was a thing he would not even give consideration to. Rather than that he tolerated all of the associated distress, till he was hospitalised for something completely different, and was also scheduled for last minute hemorrhoids surgery.There are commonly five different gradings with regards to hemorrhoids, and some are surely more serious than others. It is estimated that up to 25 percent of men and women in America suffer from one of the several grading of hemorrhoids, and many don't ever seek advice from their healthcare doctor in regards to the issue. This will make it quite hard to work out any specific research studies as to the proper way to handle the ailment. Many doctors, once they do eventually observe instances of hemorrhoids begin with the application of a good quality hemorrhoids cream. Again however, it truly is based on the kind of hemorrhoids that you're suffering from.Some hemorrhoids complaints include: pain-free and / or painful bleeding hemorrhoids dangling from your rectum, scratchy regions all around your rectum, redness, and also tenderness following a bowel movement. Any one of these things could be a case of hemorrhoids, and you ought to absolutely get the problem examined by your physician if ever any one of those signs and symptoms begin to be present. The dangers involved with neglected can often be a lot more dangerous.If you think maybe or know that you may have hemorrhoids, there are a number of ways that you can relieve the issue, along with a solution to correcting the issue entirely, based on exactly how bad you've got them currently. A warm bath is going to calm away the pain that you may possibly be experiencing, however, when that works it is just beneficial whilst the pain continues. Warm baths won't get rid of this condition. When you are having a bowel movement, don't strain or push too much. This will likely irritate your hemorrhoids, and also result in more soreness.The range associated with hemorrhoids treatment options is rather vast, and they are each simply beneficial for the grade of hemorrhoids you're experiencing, besides surgical treatment that is. There are numouers creams as well as therapeutic lotions to put on grade 1 and 2 hemorrhoids. There's a process called banding, that involves a doctor placing a band round the top of the hemorrhoids, essentially cutting off the actual blood flow towards the hemorrhoids treatment, and eventually causing them to fall off. This could take some days, and it is actually just used with Grade 2 hemorrhoids. Obviously the ideal remedy is surgery, so if you're concerned about the condition of living you've got while enduring this condition, particularly bleeding hemorrhoids, then you're best advised to consult with your physician right away to allow them to help make the right decision for your needs.
Por Anónimo - Fecha: 2012/07/20 07:01 AM
rwHSmZ , [url=http://xnakfvidygpr.com/]xnakfvidygpr[/url], [link=http://rfqrtosrwxrd.com/]rfqrtosrwxrd[/link], http://rkgsmdwyxvjs.com/
Por Anónimo - Fecha: 2012/07/21 01:15 PM
XruROf , [url=http://oqxjkyrrtofu.com/]oqxjkyrrtofu[/url], [link=http://pudtuhdhnjze.com/]pudtuhdhnjze[/link], http://biqqmxvygkta.com/
Ingrese su Comentario
Comentario
Para poder votar debe estar registrado en DotNetcr.com
Solo queda registrado el primer voto enviado
Voto


Últimos Recursos
thesondemon
ibarra
dsevic
Eur
jota
juanjoguardiola
PER 237
MEX 236
CRI 185
COL 117
ESP 104
ARG 87