我有一个任务，我必须创建一个简单的CSS动画并添加一个事件，动画稍有变化。更具体地说，在我的动画中，宇宙飞船以顺时针方向绕月球运行，当按下鼠标左键时，它应该反过来。 到现在为止，我在css中获得了动画：
img.animation {
width: 50px;
height: 30px;
position: absolute;
top: 395px;
left: 182px;
animation: orbit 5s linear infinite;}
@keyframes orbit {
from { transform: rotate(0deg) translateX(150px) rotate(0deg); }
to { transform: rotate(360deg) translateX(150px) rotate(-360deg); }}
在我的HTML代码中，使用＆＃34;动画＆＃34;创建了图像。类。一切正常。
现在我对鼠标事件毫无头绪。我知道有可能在HTML中使用javascript，但我的语法有问题。我没有按钮或者没有点击，我正在思考一些关于他们的事情＆＃39; onmousedown＆＃39; 命令。
有没有人知道如何解决这个问题，甚至可能没有javascript？我在阅读教程和论坛帖子时花了好几个小时，而且我对HTML / css / javascript编程都很陌生。
干杯， Mella的