如何连接旋转的div元素？

<div id="rotating-div"></div>

#rotating-div {
  width: 100px;
  height: 100px;
  background-color: red;
  transform-origin: center center; /* 设置旋转中心为元素的中心 */
  animation: rotate 5s infinite linear; /* 定义旋转动画，持续时间为5秒，无限循环，线性变化 */
}

@keyframes rotate {
  0% {
    transform: rotate(0deg); /* 从0度开始旋转 */
  }
  100% {
    transform: rotate(360deg); /* 旋转一周，即360度 */
  }
}

<link rel="stylesheet" href="styles.css">