A while ago, I utilized a code snippet from a source to create an endlessly scrolling element. You can find the original snippet here.
Here is the current CSS code that is active on my website:
.wave_bg {
background: url("../img/wave_bg.jpg") no-repeat;
-webkit-animation: slide 10s linear infinite;
-moz-animation: slide 10s linear infinite;
-ms-animation: slide 10s linear infinite;
animation: slide 10s linear infinite;
}
@-webkit-keyframes slide {
from {
background-position: 0 0;
}
to {
background-position: 100% 0;
}
}
@-moz-keyframes slide {
from {
background: left;
}
to {
background: right;
}
}
@-ms-keyframes slide {
from {
background: left;
}
to {
background: right;
}
}
@keyframes slide {
from {
background: left;
}
to {
background: right;
}
}
Recently, I encountered an issue in Chrome 34 where the background image stopped appearing when using this code (it worked fine in Chrome 33 and earlier versions). Disabling the animation revealed the background image again, leading me to suspect that the problem lies with the CSS animation.
I haven't been able to locate any documentation regarding changes in Chrome 34 related to animations. Have you experienced this bug before and found a workaround for it?