这里我试图从左到右加载3张图像，然后等待3秒钟，然后再次从左到右加载。此过程每5秒钟进行一次。这里没有得到如何从左到右加载它，并且加载的图像应该只在一行上。
我的意思是在此示例中，图像从左向右移动，但它们将移至下一行。我不想去下一行。它们只是一个接一个地加载，只有从左到右的间隙。
在此[example] 1中，值逐渐淡入淡出。但是我想像从左到右一样移动/从底部到顶部加载图像（显示）/从顶部到底部加载（显示）图像
最佳答案
如果您不希望项目移至下一行，则需要它们的合计宽度小于容器的100％。
10px + 80％+ 10px + 80％+ 10px + 80％> 100％
编辑
要说明：问题是您的右边距是80％
50% {margin-right: 80%;}
这意味着页面的80％，太多了。您需要做的是为最后两个对象的左边距设置动画，而不是为所有三个对象的右边距设置动画。您可以拥有的最大左边距应为40％
50% {margin-left: 40%;}
请注意，HTML中不应有多个具有相同ID的元素，但可以有多个类，因此div看起来应该像
<div class="ui-block-b subdiv">
另请注意，您需要使用/关闭img标签
<img src="img/images.jpg"/>
关于css - 如何使用css3动画从左向右移动图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23442494/