[SOLUCIONADO] Efecto transicion de imagenes traslucido

[julg03]

Buen día. Me gustaría saber si el efecto de la siguiente página es posible hacerlo en HTML con DW8. Y aprovechando, si me pudieran orientar en el nombre correcto de tal efecto, porque lo he estado buscando y unos lo llaman Transición de imágenes, otros Trasposición, Otros Traslucido, etc..

Gracias de antemano.
El link de la página con el efecto http://incredibletypes.com/

[Rafael]

Una transición es simplemente pasar de una imagen a otra. Si cambia de repente es simplemente una transición directa. En este caso es una transición con disolvencia.

La transición consta de 2 partes,
1) Sustituir una imagen por otra (transición)
2) Hacerlo poco a poco (disolvencia), pero hay otras varias, moverla de derecha a izquierda, de un lado a otro, con cuadritos, con cubos volando, etc.
Y en este caso una variable, la rapidez en que cambia de una a otra (duración) y el plus de que aparece el cuadrito con texto.

Busca por internet con "traisition efects javascript", "transition efects jquery" y "transition efects css"

Hay diferentes maneras de solucionarlo. La que escojas dependerá de diferentes aspectos del proyecto.

Y la segunda pregunta. No se hace con html, se hace con Css y también se puede con JavaScript directo o con la librería Jquery. Usar Dw8 es lo de menos.

[julg03]

Muchísimas gracias Rafael. Mejor explicado ni en la escuela jejeje. Seguiré tus consejos y empezaré a estudiar al respecto. Muchas gracias nuevamente.

Saludos.

[Rafael]

Complemento.

Estas transiciones se activan con un evento del ratón.
En inglés Mouse Over, o Mouse Hover.

Esto implica que la mejor manera de hacer esta transición es con un evento Css. a:hover.

No tengo mucho tiempo ahorita, pero revisa por ejemplo esto:
http://www.w3schools.com/cssref/sel_hover.asp
http://www.w3schools.com/css3/css3_transitions.asp

[julg03]

Al contrario Rafael, De nuevo muchísimas gracias por darte un tiempito para responderme. seguiré tus atinados consejos. Y prometo que me pondré a estudiar todo esto.

Gracias.

[julg03]

Hola Rafael. Sólo porque tengo una pequeña duda que no logro descifrar. En la página de , CSS3 Transititons, dice que los ejemplos y CSS3 (o al menos eso entendí) no soportan IExplorer. Sin embargo, si puedo verlos en funcionamiento y estoy usando IE V.10 en Windows 7. ¿A qué se refiere cuando dice que no es soportable en IE?.

Gracias de nuevo.

[pzin]

Iniciado por julg03

¿A qué se refiere cuando dice que no es soportable en IE?.

Las transiciones de CSS funcionan desde IE10: http://caniuse.com/css-transitions

Es una cagada despropósito monumental que funcionen transformaciones 2D en IE9 pero no las transiciones. Pero siendo IE tampoco es algo que nos deba parecer extraño.

[julg03]

jajaja...OK Rafael...coincido totalmente contigo en que es una cag..."despropósito". Gracias por aclarar el asunto. Por cierto, excelente tablita. Ya me la descargué si no es molestia.

Saludos.

[pzin]

Bueno no adelantemos las cosas, igual a Rafael le parece bien.

[Rafael]

No, no, Bonez, me parece bien.