我如何让Skrollr旋转然后翻译而不是同时进行两者？

Question

这对我有用，但不是我想要达到的目的。

data-0-start="transform: rotateX(-90deg) translateX(0px)" 
data-300-start="transform: rotateX(0deg) translateX(100px)"

我想有这样的东西，元素首先旋转，然后翻译。但这不起作用。

data-0-start="transform: rotateX(-90deg) translateX(0px)" 
data-300-start="transform: rotateX(0deg)"
data-500-start="transform: translateX(100px)"

我在这里缺少什么？

Answer 1

以这种方式尝试：

data-0-start="transform: rotateX(-90deg) translateX(0px)" 
data-300-start="transform: rotateX(0deg) translateX(0px)"
data-500-start="transform: rotateX(0deg) translateX(100px)"