[CSS] Problema para mover el fondo animado horizontal

-xH

Hola amigos,

Estoy animando un fondo con la propiedad css de animation.

Mi problema es que esta animación no es fluida y cuando abro la web en el portatil, el resultado es aún peor.

Aquí tienes un codepen con el ejemplo:
https://codepen.io/anon/pen/jJqLRa
No sé por qué en Codepen el resultado es más fluido que en la web original. Estoy usando un wordpress y supongo que este es el problema.

He leído que hay algunos problemas con la animación y renderización de la web encliente en algunos navegadores y he encontrado esto:
https://www.kirupa.com/html5/animating_movement_smoothly_using_css.htm

No puedo encontrar la solución y no puedo mover mi fondo con la propiedad de css transfrom como explica el vídeo.

Espero que alguien me pueda ayudar con esto :)

¡Gracias de antemano!

segudj

Para empezar, creo que la imagen pesa demasiado, son 4Mb

1 respuesta
-xH

#2 Si esa en concreto si, la original la he reducido a algo menos de 1MB. Pero ese no es el problema...

1 respuesta
segudj

#3 Fijate una cosa, si haces pequeña la ventana va mas fluido con lo cual el tamaño de la imagen si que influye . Pero no sé....

Usuarios habituales

  • segudj
  • -xH