如何制作一个简单的空闲浮点运动/动画？

<div id="animation"></div>

#animation {
  width: 50px;
  height: 50px;
  background-color: #ff0000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

var animation = document.getElementById("animation");
var radius = 100; // 悬浮圆的半径
var speed = 0.02; // 运动速度

function move() {
  var angle = 0; // 初始角度

  setInterval(function() {
    var x = Math.cos(angle) * radius; // 根据角度计算x坐标
    var y = Math.sin(angle) * radius; // 根据角度计算y坐标

    animation.style.left = x + "px";
    animation.style.top = y + "px";

    angle += speed; // 更新角度
  }, 10); // 每10毫秒更新一次位置
}

move();