Foros del Web » Programando para Internet » Jquery »

Efecto enmascarado con difumnación con jquery

Estas en el tema de Efecto enmascarado con difumnación con jquery en el foro de Jquery en Foros del Web. Buenas.. para no hacer tan extensa la explcación de lo que busco, busque un ejemplo mas o menos parecido a lo que necesito. Si se ...
  #1 (permalink)  
Antiguo 01/07/2014, 09:24
Avatar de loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 15 años, 6 meses
Puntos: 175
Efecto enmascarado con difumnación con jquery

Buenas.. para no hacer tan extensa la explcación de lo que busco, busque un ejemplo mas o menos parecido a lo que necesito.

Si se fijan en http://www.latele.com.py/ verán que a medida que van presentando sus programaciones en la cabecera, en el fondo aparece el nombre del programa, con un efecto tipo de enmascarado, que a medida que pasa deja ver algo de la letra, pero a la vez lo difumina suavemente.

Si alguien sabe donde puedo encontrar un efecto similar, pero en Jquery o si conoce algún enlace o como hacerlo, se lo agradecería.

Ese sitioo está hecho en Flash, y nada, lo necesito para un fondo de una web... les agradecería orientación. Gracias.
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...
  #2 (permalink)  
Antiguo 04/07/2014, 10:58
Avatar de chichote
Colaborador
 
Fecha de Ingreso: diciembre-2004
Ubicación: Santiago - Chile
Mensajes: 1.868
Antigüedad: 19 años, 4 meses
Puntos: 145
Respuesta: Efecto enmascarado con difumnación con jquery

No se de algún plugin que haga exactamente eso, pero se me ocurre poner el texto y sobre este un PNG con transparencia que tenga ese degradado, y la imagen hacerla correr de un lado a otro y te dará el efecto, deberas tener en cuenta el position absolute del texto y la imagen que actuará como mascara, ademas deberás jugar con el z-index para montar la imagen sobre el texto, y para mover la imagen deberas jugar con animate de jquery.

Otra cosa importante es que el contenedor de estos dos elementos deberá ser overflow hidden para hacer el efecto de mascara con el PNG y deberá tener un position relative para que el texto y la imagen queden dentro de este contenedor si es que juegas con top, right, bottom o left.

Saludos.
__________________
http://chicho.ninja yiaaaa

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:57.