En FREAKGROUP nos propone una manera muy sencilla el remplazar con CSS, los titulares o encabezados de nuestras entradas por imágenes con degradados, sin necesidad de usar Flash o JavaScript. Solo es necesario aplicar la siguiente tócnica: una etiqueta <span> vacÃa en el tÃtulo y luego mediante la propiedad CSS position: absolute donde superponemos la imagen con el degradado. Este truco ha sido probado en la mayorÃa de los navegadores y nos dicen que funciona perfectamente.
Aplicar esta tócnica es perfecto para darle un aspecto diferente y de mayor impacto visual a nuestros tÃtulos. Además no tenemos que armar cada uno de ellos con Photoshop con lo que ahorramos tiempo y ancho de banda. Podemos aplicarle este truco a cualquier tipo de fuente. En la figura siguiente puedes ver el resultado.
Para ver como funciona el truco te recomiendo que leas en su totalidad el artÃculo Efecto de degradado con CSS. Donde tienes el código empleado y otros detalles relacionados.
El artÃculo original es de Web Designer Wall, en donde podemos visualizar una demo previa de los efectos conseguidos, asà como su descarga en compresión Zip. (todas las imágenes que he empleado son de dicha página).





Agosto 19th, 2009 a las 1:57 am
:O Qué curioso!
gracias por ponerlo!
Septiembre 9th, 2009 a las 10:57 am
De nada, ha sido un placer.