仅在对多张图像进行交叉淡化之后才执行特定的动画,例如在最后一张图像上旋转

时间:2019-05-22 13:43:28

标签: html css css-animations

我正在尝试制作使用交叉淡入淡出然后旋转的动画。最后一张图片是第一张旋转的图片,然后我想像在沙漏中一样旋转它。问题是我只希望对最后一张图像进行旋转。我正在使用另一个动画,该动画所花费的时间与第一个动画的时间相同,但是开始时间会延迟到第一个动画完成为止。这种方法行不通,我不知道其他任何方法。这是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>

0 个答案:

没有答案