Autor Tema: [IMAGEN] ¿Como hacer efecto rebote?.  (Leído 3070 veces)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
[IMAGEN] ¿Como hacer efecto rebote?.
« 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 ;)

#Fdo. Physlet

Comunidad PHPeros

[IMAGEN] ¿Como hacer efecto rebote?.
« en: 31 de Octubre de 2010, 17:13:43 pm »

Desconectado alegus9

  • PHPero Avanzado
  • ****
  • Mensajes: 263
  • Karma: 2
  • Nuev@ PHPer@
    • Ver Perfil
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #1 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.

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #2 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"

#Fdo. Physlet

Desconectado seyder120

  • PHPero Avanzado
  • ****
  • Mensajes: 372
  • Karma: -2
    • Ver Perfil
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #3 en: 01 de Noviembre de 2010, 20:29:48 pm »
Si no es en flash, pues mal lo llevas

Desconectado alegus9

  • PHPero Avanzado
  • ****
  • Mensajes: 263
  • Karma: 2
  • Nuev@ PHPer@
    • Ver Perfil
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #4 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.
« Última modificación: 01 de Noviembre de 2010, 20:42:57 pm por alegus9 »

Desconectado Farresito

  • PHPero Avanzado
  • ****
  • Mensajes: 385
  • Karma: 5
  • Sexo: Masculino
  • PimPamTomaC++
    • Ver Perfil
    • Farresito
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #5 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
“Lo mejor de los booleanos es que si te equivocas estás a un sólo bit de la solución correcta.”

-- Anónimo

"No temo a los ordenadores; lo que temo es quedarme sin ellos"

-- Isaac Asimov

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:[IMAGEN] ¿Como hacer efecto rebote?.
« Respuesta #6 en: 08 de Noviembre de 2010, 03:11:53 am »
Solamente te digo 6 Letras... JQuery