振り子アニメ、作りました。
（ChatGPTベース。頼りになります）

@keyframes swing {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

.swing {
  transform-origin: center bottom;
  animation: swing 2s ease-in-out infinite;
}

回転軸を変えれば、古時計なども表現できそうですね。