Comunidad de diseño web y desarrollo en internet online

revelar una imagen con mouse hover tipo flash

Citar            
MensajeEscrito el 18 Ago 2013 02:04 pm
Hola me preguntaba si alguien tiene idea de como hacer lo siguiente:

Al pasar el mouse sobre una imagen se vaya revelando poco a poco, no toda de un solo golpe, tipo el efecto hecho en flash.

gracias por su tiempo.

Por unasemana

Claber

166 de clabLevel



 

Venezuela

chrome
Citar            
MensajeEscrito el 20 Ago 2013 01:04 am

Código Javascript :

$('#imagen').hover(function()
{
    $(this).fadeIn();
});

Por penHolder

Claber

4661 de clabLevel

39 tutoriales
2 articulos

Genero:Masculino   Premio_Secretos

| mdz |

chrome
Citar            
MensajeEscrito el 20 Ago 2013 12:25 pm
No necesitas JavaScript para eso, lo puedes hacer con CSS.

Busca información de CSS Transition.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 20 Ago 2013 09:26 pm
si yo se que con css transition se hace, el detalle esta en que se lo hace a toda la imagen de una sola vez y no por partes, en flash se puede ir haciendo segun el tamanio del cursor.

la idea es ir revelando poco a poco por donde pase el mouse hasta descubrirla toda.

Por unasemana

Claber

166 de clabLevel



 

Venezuela

chrome
Citar            
MensajeEscrito el 21 Ago 2013 12:13 pm
Ah pues no. Tienes razón, eso todavía no se puede con CSS.

Y tampoco imagino cómo hacerlo con JavaScript excepto recurriendo a canvas.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 21 Ago 2013 12:55 pm
estoy viendo como hacer la imagen a revelar en diferentes div hasta completar el height y el width e ir descubriendo div por div.

no veo otra forma de hacerlo

Por unasemana

Claber

166 de clabLevel



 

Venezuela

chrome
Citar            
MensajeEscrito el 21 Ago 2013 04:26 pm
podrías crear mascaras vectoriales con Easel, y después interactuar con ellas

Por penHolder

Claber

4661 de clabLevel

39 tutoriales
2 articulos

Genero:Masculino   Premio_Secretos

| mdz |

chrome
Citar            
MensajeEscrito el 22 Ago 2013 02:12 am
vale muchas gracias, el efecto se puede lograr con eso de easel....

Por unasemana

Claber

166 de clabLevel



 

Venezuela

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.