Gradientes sin PNG o imágenes Solo para navegadores que soporten -webkit-gradient
Como Safari http://nicewebtype.com/notes/2009/07/24/pure-css-text-gradient-no-pngs/#finalresult // El día 19 de julio de 2010 05:58, Martin Etxauri <t...@eragin.com> escribió: > aupa > si, eso había entendido yo > > yo lo que digo es poner un png superpuesto a las letras, la pega que tiene es > que el fondo de las letras debe ser del mismo color que uno de los colores > del degradado del texto, de manera que tu tienes tres capas, el fondo (con un > color), el texto (otro color) y encima del texto un png que hace degradado > del color de fondo (o un matiz suyo) a transparente. y consigues un texto con > degradado "dentro" del texto. Es un sistema viejuno de dar textura a un texto > html. > > he encontrado este link [1] en un momento, en su día lo vi en algún otro sitio > > saludos > > [1] > http://www.webdesign.org/html-and-css/tutorials/css-gradient-text-effect.16535.html > > > > El 19/07/2010, a las 12:20, Marc Palau escribió: > >> Pero lo que necesito con degradado es el texto, no el fondo del texto. >> Es que no se como describirlo. El relleno del texto tiene que ser un >> degradado :) eah! >> >> un abrazo >> Marc >> >> En/na Martin Etxauri ha escrit: >>> aupa >>> >>> Seguro que cualquiera de las maneras que comentas es mejor, pero solo por >>> si acaso, está la manera de dejar el texto tal cual y ponerle por encima un >>> png con un degradado de color de fondo a transparente. >>> >>> es cutrillo, pero en cuanto a recursos es solo un png para todos y en >>> cuanto a estructura parecido a la imagen de sustitución con la ventaja de >>> que el texto sigue siendo texto. >>> >>> saludos >>> >>> El 19/07/2010, a las 12:06, Marc Palau escribió: >>> >>> >>>> Hola colisteros. >>>> >>>> Hoy me toca realizar una consulta, la cual tengo un poco clara a mi >>>> manera pero igualmente os la quiero exponer para ver que pensáis al >>>> respecto y que habéis hecho vosotros cuando os ha tocado lidiar con este >>>> problema. >>>> >>>> Tengo unos títulos con el texto degradado (osea, el texto tiene una >>>> textura que es un degradado). >>>> >>>> He estado revisando varias opciones: >>>> >>>> - sIFR >>>> - Cufón >>>> - Imágenes de sustitución de titulos. >>>> - Typekit >>>> >>>> Veo muy claras las ventajas de cada uno, pero a ver que añadiriais: >>>> >>>> - sIFR: 1 fichero de 6Kb que lleva la tipo, configurable al 100% (ya que >>>> el flash me lo monto yo) y facilmente sustituible mediante jQuery. >>>> - Cufón: 2 ficheros, uno de mínimo 20Kb y el del cufón que pesa 7Kb. >>>> Sumando que hay descarga de fuente >>>> y en ese mundo de la distribución de fuentes me pierdo. No lo he usado >>>> y desconozco el nivel de compatibilidad que tiene. >>>> - Imágenes: Pues una imágen para cada título. Practico, funciona y con >>>> un ficherito de sprite los metes todos y una vez cargado ya lo tienes >>>> para toda la página. Mantenimiento xungo, me veo con las ojeras >>>> generando una y otra vez el dichoso ficherito de imágenes. >>>> - Typekit: No me deja meter textura degradada en el texto. >>>> >>>> Pues ea, creo que los puristas ya me podéis estar adoctrinando un poco >>>> más :-P >>>> >>>> gracias gracias >>>> un saludo >>>> Marc >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>>> >>> >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >>> >> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- -Xavier- La paciencia es una virtud, La constancia nos lleva al éxito - Patience is a Virtue, Perseverance leads to success 3D Caracter Development, Graphic Designer and Web Engineer http://linuxtachira.org http://rendergraf.wordpress.com Telf.: +58 416 1027262 Linux counter: 292510 _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
