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

Degradado con CSS Filter

Por CSSboulevar | 9/19/2005 | Visitas 16,670 | 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:


<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%)}



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


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
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
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=]xnakfvidygpr[/url], [link=]rfqrtosrwxrd[/link],
Por Anónimo - Fecha: 2012/07/21 01:15 PM
XruROf , [url=]oqxjkyrrtofu[/url], [link=]pudtuhdhnjze[/link],
Por Anónimo - Fecha: 2015/07/18 06:34 AM
What is Hirudotherapy? (Leech Therapy)Hirudotherapy returned to moredn medicine after 120 years and has become not only one of the most effective, but one of the trendiest alternative therapies available.Leeches treatment doesn't mean that leeches just suck blood from a patient's body. They do so much more than this. Within the salivary glands of the leech are over one hundred biologically active substances which are administered to the patient's body during the therapy itself.Hospitals use hirudotherapy on a regular basis for vascular orthopaedics, and to assist healing after plastic or reconstructive surgery.Other applications go beyond the framework of hospital treatment and remain in the hands of trained hirudotherapists, who are knowledgable and skilful in the determination of placement of the leeches for the therapy to be to see if this is for you, 905-508-6668Hirudo therapy
Ingrese su Comentario
Para poder votar debe estar registrado en
Solo queda registrado el primer voto enviado

Últimos Recursos
API Facturacion Electrónica Costa Rica
Categorías : VB.NET, C#, WebServices, SQL Server
Retornar JSON desde un WebService en .NET
Categorías : VB.NET, WebServices, ASP.NET, XML, Ajax
Paginar datos en SQL Server
Categorías : ASP.NET, SQL Server
jQuery Slider de forma dinámica con ASP.NET
Categorías : ASP.NET, CSS - Themes, Ajax, jQuery
Como utilizar el control ListBox con Ajax y ASP.NET
Categorías : VB.NET, ASP.NET, Ajax
Aplicación Web To-Do List o Task List utilizando ASP.NET 2005 y Ajax
Categorías : VB.NET, ASP.NET, SQL Server, Ajax
ricardo leppe t
PER 238
MEX 236
CRI 190
COL 118
ESP 105
ARG 88