elWebmaster.com

Diseño | CSS | html

CSS: Efecto de texto con gradiente

Efecto de texto con gradiente¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

09/May/08, 12.15 Alejandra 1 comentario

recursos | javascript | efecto

Smooth Scroller: scroll automático en Javascript

Smooth Scroller: scroll automático en JavascriptDeziner Folio pone a disposición de todos nosotros un vistoso efecto para hacer scroll al cliquear en un enlace de nuestra página web y dirigirnos a un punto de ancla “x” en el mismo documento.

Puedes ver un ejemplo de cómo funciona haciendo clic aquí. También puedes descargarte el archivo en Javascript, que ocupa sólo 1024 bytes y es compatible con varios navegadores (multiplataforma). Haz clic aquí para descargarlo.

08/May/08, 13.12 Juan Manuel Comentar

Diseño | recursos | imagen

Fotline: reflejo en el agua para las imágenes de tu sitio web

Fotline.com nos permite agregarle un sencillo pero vistoso efecto animado de reflejo en el agua a nuestras imágenes. Ideal para utilizar en el diseño de nuestros sitios. Los únicos puntos en contra son el hecho de que agrega un pequeño logo de Fotline.com en la base de la imagen, de color llamativo y que el ancho máximo de la imagen terminada será de 220 píxeles. De todas formas funciona perfecto con fotos que sean más altas que anchas. Seguir leyendo

05/Dic/07, 12.20 Juan Manuel 2 comentarios