Imagen en movimiento html5 / css3

[iorio]

Hola, necesito para mi web crear un background que ira en los perfiles, lo que tengo idea es esto mismo que se ve en este swf:
http://img57.xooimage.com/files/8/4/...ve-3b93fa8.swf

Se trata de una imagen que sube y la misma invertida pero bajando, ambas tranlucidas ovbiamente..

Estas serian las imagenes:
Estatica1: http://img59.xooimage.com/views/b/7/...1-3b93fdf.png/
Estatica2: http://img55.xooimage.com/views/6/f/...2-3b93fe5.png/

Saludos.

[ipraetoriux]

...pues usar canvas para hacer esto...tienes muchos metodos relacionados con animacion de objetos e imagenes que te podran ayudar

http://www.desarrolloweb.com/manuale...vas-html5.html

[iorio]

Hola, pero canvas es para dibujar, yo quiero usar esas mismas imágenes, solo necesito el css para que se muevan, estuve buscando encontré varias cosas para movimientos pero no específicamente como yo quiero, no creo que sea dificil, pero no logro encontrar la explicacion.

[memoadian]

canvas tambien sirve para poner imagenes y animarlas

no puedes juzgar que tan difícil es hacer algo si no sabes como hacerlo

la propiedad animation no sirve para background, tendrías que hacer algo muy rebuscado. Como una capa que contenga las imagenes y un z-index negativo

[iorio]

Ah perdón, creí que me había entendido mal, que yo quería diseñar esa imagen con canvas, me interesa mucho aprender html5 y css3 y me voy a poner a estudiar, antes estaba estudiando pero deje de hacerlo cuando vi que programación era muy difícil y que iba muy avanzado como para alcanzar el ritmo, entonces para hacer esto que busco se hace con canvas o con que? por donde arranco?

[ipraetoriux]

Iniciado por iorio

Hola, pero canvas es para dibujar, yo quiero usar esas mismas imágenes, solo necesito el css para que se muevan, estuve buscando encontré varias cosas para movimientos pero no específicamente como yo quiero, no creo que sea dificil, pero no logro encontrar la explicacion.

...canvas es para dibujar?......veo que estas bastante perdido...estudia un poco de canvas y te vas a dar cuenta TODO lo que podes hacer...obviamente, no es fácil...peroes la forma para hacer lo que tu quieres y mucho mas...

[caricatos]

Hola:

¿Y que tal animar con svg...?

Saludos

[iorio]

Suena interesante! sea como sea mientras se pueda me sirve.

Yo lo que no quiero es estudiar todo un lenguage para poder entender como hacerlo por mi cuenta, necesito una solución rápida para este problema, me encantaría estudiar canvas y todo lo relacionado con html5, pero eso no me saca del apuro, necesito ir directo al grano.

De javascript no se nada, svg menos, como podria hacer esto con svg?

[ipraetoriux]

...pues si necesitas ir directamente al grano, en lugar de dar vueltas, contrata un prefesional y listo. En este foro estamos para orientarte como puedes resolver tus dudas y solucionar tus problemas, ahora si esperas que alguien lo haga por ti, creo que vas a mal puerto a buscar agua...como te he dicho yo y otros mas, tienes varias opcines, desde canvas, svg, etc. para resolverlo, luedo depende de ti...saludos

[iorio]

Eso tambien me parece buena idea, donde consigo uno?

[memoadian]

Iniciado por iorio

Eso tambien me parece buena idea, donde consigo uno?

Foro de empleo forosdelweb

[ipraetoriux]

..puedes ir a la sección EMPLEO (http://www.forosdelweb.com/f65/) y abrir un nuevo tema detallando que necesitas hacer, para cuando, forma de pago, presupuesto con el que cuentas, y te aseguro que en menos de lo que canta un gallo, te lloverán mensajes con interesados, luego depende de ti seleccionar al que tu creas mas apropiado...consejo de amigo, busca alguien que tenga continuidad en el foro, que tenga participación, que relativamente se lo conozca, no esos que están hace 3 años, que no se los conoce, que casi no han participado, y andan por acá buscando haber si enganchan algún trabajo freelance.

[iorio]

Enserio! no sabia que existía esa sección, y por que no me lo haces vos que sos de argentina, te pago con crédito en tu celular, se me complicaría buscar otro ya que no tengo tarjeta de crédito.

Lo que pasa que no puedo sinceramente demorarme, quizas sea sencillo hacerlo, quizas algunos renglones, pero hasta dar con eso tengo que pasar por muchas partes si tengo que estudiar y darme cuenta solo, me canse de buscar en google "imagen movimiento canvas" u otros similares y si salen muchas cosas pero no lo que necesito..

[caricatos]

Hola:

Un ejemplo sencillo de animación con SVG, puedes verlo en este apunte: Rotando imágenes con svg.

La etiqueta svg debe tener el namespace xlink para poder usar el atributo href en la etiqueta image, y luego hace falta una etiqueta animateTransform... sólo tres (3) etiquetas... pero debes estudiarlas... en mi página hay mucha info más sobre ese formato.

Saludos

[iorio]

Esta buenisimo! ahi hice una prueba, si pongo dos veces el código con diferente imagen la segunda queda al lado, entonces puse las dos imágenes en el primer código y ahí si se acoplan, les puse diferente velocidad para que se note, mira aca, y donde puedo leer en español sobre los diferentes type para ver si encuentro uno que suba y otro que baje, busque en google pero casi todo los contenidos son en ingles y no me llevo bien ni con traductor.

Muy buena info, gracias.

[caricatos]

Hola:

Iniciado por iorio

...busque en google pero casi todo los contenidos son en ingles y no me llevo bien ni con traductor...

A mi me pasa lo mismo, pero es cuestión de paciencia. Empecé con las rotaciones porque me interesaba hacer un reloj (hay uno entre los apuntes de mi página). Muchas veces es seguir la estrategia prueba-error... por lo que veo tendrás que buscar por animaciones de desplazamiento con svg... he visto esto: Animate: Animaciones en SVG. Tal vez en un futuro próximo escriba algo al respecto, pero no está entre mis planes inmediatos.

Saludos

[caricatos]

Hola:

Vuelve a mirar mi página, y encontrarás nuevos efectos, pero dudo que te sirvan... al menos no he visto que funcionasen como estilo de fondo. SVG animado: algunos ejemplos sencillos.

Saludos

[iorio]

No había visto este mensaje, ahora chequeo todo esto, gracias.