缩小网站背景,同时更改图像

I am trying to achieve a similar effect as this and i would prefer not using javascript.

我尝试使用两个CSS分层背景对此动画进行动画处理,并从正常的混合模式过渡到关键帧覆盖。但是,当更改background-size属性时,我无法使缩小部分同时工作,图像会抖动并变形。我知道最好对部分的比例进行动画处理,但是我需要分别控制分层背景的缩放以使效果起作用。如果有人指出我正确的方向,我将不胜感激,因为现在我完全陷入困境。

评论