Comunidad PHPeros

Imagen y Diseño => Diseño General => Mensaje iniciado por: Siquillote en 31 de Octubre de 2010, 17:13:43 pm

Título: [IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: Siquillote en 31 de Octubre de 2010, 17:13:43 pm

¡Hola PHperines! (Cada día un nuevo nombre ;P). Resulta que estoy haciendo algo que aún no puedo desvelar y quisiera hacer una imagen que por mas que busco en google como se hace no sale. Lo que quiero es hacer una imagen que al pasar el ratón, esta pase como cuando tiras una pelota al aire que cuando llega al suelo va rebotando de mas a menos hasta quedarse el modo reposo.

Es definitiva, que al pasar el ratón esta rebote hasta que se quede en reposo. Tengo entendido que se puede hacer con jQuery o JavaScript pero no tengo ni la mas absoluta idea, ¿Alguien podría ayudarme?

Gracias ;)
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: alegus9 en 01 de Noviembre de 2010, 20:21:22 pm
¡Hola PHperines! (Cada día un nuevo nombre ;P). Resulta que estoy haciendo algo que aún no puedo desvelar y quisiera hacer una imagen que por mas que busco en google como se hace no sale. Lo que quiero es hacer una imagen que al pasar el ratón, esta pase como cuando tiras una pelota al aire que cuando llega al suelo va rebotando de mas a menos hasta quedarse el modo reposo.

Es definitiva, que al pasar el ratón esta rebote hasta que se quede en reposo. Tengo entendido que se puede hacer con jQuery o JavaScript pero no tengo ni la mas absoluta idea, ¿Alguien podría ayudarme?

Gracias ;)

También se puede realizar con flash.
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: Siquillote en 01 de Noviembre de 2010, 20:23:24 pm

Es que no me interesa hacerlo en flash, me interesa hacerlo en "código puro"
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: seyder120 en 01 de Noviembre de 2010, 20:29:48 pm
Si no es en flash, pues mal lo llevas
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: alegus9 en 01 de Noviembre de 2010, 20:31:26 pm
Si no es en flash, pues mal lo llevas

No, yo tengo uno pero nose si es lo que buscas.

Edito: http://www.alexanderdickson.com/projects/jquery-plugins/bumpytext/
Supongo que a las letras las puedes cambiar por alguna imagen.
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: Farresito en 07 de Noviembre de 2010, 22:57:00 pm
Aquí tienes una pequeña idea de la pelotita, ahora habría que mirar para que vaya cayendo. Echa una ojeada, quizás sea útil:

http://css-resources.com/Bouncing-Ball-Animation-with-the-W3C-DOM.htm

Un abrazo
Título: Re:[IMAGEN] ¿Como hacer efecto rebote?.
Publicado por: Rastrillox en 08 de Noviembre de 2010, 03:11:53 am
Solamente te digo 6 Letras... JQuery