0
我有这些逐步海报中的一个的图像,我将它放在另一个div中以隐藏海报图像上的所有多余部分并隐藏溢出,因此它只会一次显示一步。使用多重转换:在同一元素上翻译(X,Y)
transform: translate(-23px, -40px);
transform: translate(25px, -165px);
transform: translate(5px, -325px);
transform: translate(-230px, -420px);
transform: translate(-442px, -325px);
transform: translate(-485px, -175px);
transform: translate(-440px, -40px);
transform: translate(-220px, -10px);
您是否有更多关于您想要做什么的示例?这是其中的一种,你可以点击向前或向后的按钮,它会在该方向“滚动”图像,然后你看到一个新的图像? – Kurt
不,但这是一个好主意。我采取了如何搭建一个帐篷图像,顶部中心的一个帐篷倒塌,然后在两个步骤的时钟运动,把它放起来,然后底部中心有了它,继续步骤放下它,直到它回到了顶端。而不是一个gif,这是不可用的,我将使用转换。我做了一个div来保存图像,并使图像比div(中间,左侧和右侧的一个)大三倍并隐藏了溢出。那么我只是从一个步骤转换到下一个步骤,但如果您只列出转换,则不起作用 –