随机更改颤动中单选按钮的位置

<div id="radioContainer">
  <input type="radio" name="example" id="option1">
  <label for="option1">Option 1</label>
</div>

#radioContainer {
  position: relative;
}

input[type="radio"] {
  transition: transform 0.1s ease-in-out;
}

function getRandomPosition(element) {
  const container = element.parentElement;
  const containerRect = container.getBoundingClientRect();
  const maxX = containerRect.width - element.offsetWidth;
  const maxY = containerRect.height - element.offsetHeight;

  const newX = Math.floor(Math.random() * maxX);
  const newY = Math.floor(Math.random() * maxY);

  return { x: newX, y: newY };
}

function startShaking(element) {
  let originalPosition = { x: 0, y: 0 };
  let shaking = true;

  function shake() {
    if (shaking) {
      const randomPos = getRandomPosition(element);
      element.style.transform = `translate(${randomPos.x}px, ${randomPos.y}px)`;
      setTimeout(() => {
        element.style.transform = `translate(${originalPosition.x}px, ${originalPosition.y}px)`;
        setTimeout(shake, 100);
      }, 100);
    }
  }

  shaking = true;
  shake();
}

const radioBtn = document.getElementById('option1');
startShaking(radioBtn);