CSS翻页“颤抖”

Question

我尝试使用纯CSS创建翻页效果。我找到了this code，现在我正在尝试自定义它。基本上我希望在加载页面后发生翻转动画。所以我做了this。现在取代#page-flip:hover #s3（例如）我有.hover #s3，我将hover类添加到#page-flip和JS：

window.addEventListener('DOMContentLoaded', init);
function init(){
    setTimeout(function(){
        document.getElementById('page-flip').classList.add('hover')
    }, 100);
}

它运作得很好。问题是，在这两部动画中，我看到一个小小的页面＆＃34;颤抖＆＃34;动画开始时。我试图摆脱它几个小时，现在没有运气。有什么建议吗？