消失在镀铬物的动画的背景url

Question

目前存在一个问题，即使用background-url对背景位置进行动画处理会使图像消失。此笔中可以看到错误：http://codepen.io/raksonibs/pen/oYPryd

我尝试了所有可以google并考虑元素及其父级的内容。以下是我尝试的一些解决方案示例：

#case-opener-scrollbox {
    // -webkit-transform: translate3D(0, 0, 0);
        // -webkit-backface-visibility: hidden;
        // will-change: background;
        // will-change: background-position;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        animation-fill-mode:forwards;
        -webkit-animation-fill-mode: forwards;
        position: static;
}

任何人都知道为什么会出现这种短暂的消失？