渲染CSS3动画时FPS下降

Question

我们有一个网页，我们正在尝试展示一个侧边栏。

这个应该推动页面增加其右边距，如this example中所示。

正如您所看到的，如果在幻灯片图像没有改变的情况下打开侧边栏，它会比出现新图像时更加流畅。

我们的问题是由幻灯片显示引起的，因为我们只从一个动画开始，但是在推迟新动画播放后，转到六个（三个幻灯片和三个文本div），这使得侧边栏成为流动性较差。

是否有任何可能的解决方案可以防止这种情况发生或使动画和过渡更加流畅？如果可能的话，我不想使用javascript。