我正在尝试制作使用交叉淡入淡出然后旋转的动画。最后一张图片是第一张旋转的图片,然后我想像在沙漏中一样旋转它。问题是我只希望对最后一张图像进行旋转。我正在使用另一个动画,该动画所花费的时间与第一个动画的时间相同,但是开始时间会延迟到第一个动画完成为止。这种方法行不通,我不知道其他任何方法。这是html代码:
cmd = ['java', '-cp', 'commons-codec-1.7.jar;.', java_class] + args
这是CSS:
<div class="hour-glass1">
<img id="fifthImage" src="/assets/images/hour-glasses/hour-glass-1.svg">
<img id="fourthImage" src="/assets/images/hour-glasses/hour-glass-4.svg">
<img id="thirdImage" src="/assets/images/hour-glasses/hour-glass-3.svg">
<img id="secondImage" src="/assets/images/hour-glasses/hour-glass-2.svg">
<img id="firstImage" src="/assets/images/hour-glasses/hour-glass-1.svg">
</div>