我试图使用css动画一个html对象从一个位置移动到另一个位置，我遇到了一些奇怪的问题。每当我实现动画时，对象都会消失。我也正在使用一个动画来消除阴影进出，并且一个工作正常，所以我不确定问题是什么。尝试在Chrome和Safari中运行，并且包括webkit动画命令只是为了确保它不是问题，它不应该是因为没有它的淡入淡出就好了。如果你看到什么是错的，请告诉我！
CSS：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Responsive</title>
<link href="main.css" rel="stylesheet"/>
</head>
<body>
<img src="images/smallfall.jpg" id="fall">
<div class="circle" id="c1"></div>
</body>
</html>
HTML：
{{1}}