zampon - red de blogs ZampaRuedas     Coches Nuevos     LigaFutbol     Eventos Valencia     ZampaOcio     Ciudades Famosas

Difuminar parte del texto en una página

Mar, Nov 25, 2008

CSS, Desarrollo web

En el artículo Simple Dither Effect using CSS, he encontrado una técnica muy curiosa para darle a una zona de texto en una página un cierto degradado o difuminado.

El efecto de desvanecimiento en el texto se realiza de una manera muy simple pero eficaz usando CSS y atributos de las imágenes.

La necesidad es la siguiente:

degradado-textoLa solución:

degradado-texto1Todos los que se ha hecho es añadir un DIV extra después de la final del párrafo y aplicando una imagen con un fondo transparente con una posición negativa. Enlaces a: Vista previa y su Descarga.



Autor de esta entrada

Toni - ha publicado 3919 entradas en Cosas sencillas.

Contactar con el autor

1 Comentarios para esta entrada

  1. DonBlogger dice:

    Genial, muchas gracias por recomendar este link. Puede venir genial sobre todo si tienes un iframe y quieres que la gente sepa que tiene que hacer scrolling para leer todo el texto – es muy intuitivo eso…

1 Trackbacks para esta entrada

  1. Bitacoras.com dice:

    Información Bitacoras.com…

    Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias….

Dejar un comentario